谁写的有完整的分页data给我看看，我想获取一下当前页码，谁知道怎么获取

a531246041 · 发表于 2017-2-3 16:32:45

define(function(require) {
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
// var allData = require("./js/loadData");
var Model = function() {
this.callParent();
this.keyValue = "";
};
// 图片路径转换
Model.prototype.getImageUrl = function(url) {
return require.toUrl(url);
};
Model.prototype.modelParamsReceive = function(event) {
/*
* 1、接收上页传来参数、显示在搜索框中、参数不变不刷新
*/
if (this.params != undefined) {
if (this.keyValue != this.params.keyValue) {
this.keyValue = this.params.keyValue;
this.comp("keyInput").val(this.keyValue);
this.comp("goodsData").refreshData();
}
}
};
// 获取商品列表
Model.prototype.goodsDataCustomRefresh = function(event) {
/* alert(event.offset); */
/*
* 1、加载商品数据 2、接收传入的参数，过滤数据
*/
var jsonStr = '{"@type":"table","rows":['
+ '{"id":"1","fShopID":"f00105411","fTitle":"雪纺印花百褶裙半身裙,简约的线条和版型上身很好看，整体更有看点。","fImg":"./list/img/pic1.png","fPrice":"115","fPostage":"免邮费","fRecord":"62"},'
+ '{"id":"2","fShopID":"f00105411","fTitle":"时尚真皮女凉鞋牛筋底中跟欧美潮鞋 2015夏个性森系女鞋子罗马鞋","fImg":"./list/img/pic2.png","fPrice":"219","fPostage":"免邮费","fRecord":"3"},'
+ '{"id":"3","fShopID":"f00105411","fTitle":"藤雷达椅太阳椅藤椅躺椅午休藤睡椅编藤阳台躺椅懒人月亮椅","fImg":"./list/img/pic3.png","fPrice":"320","fPostage":"免邮费","fRecord":"14"},'
+ '{"id":"4","fShopID":"f00105411","fTitle":"一件漂亮的软纱公主裙，配上一又白色高跟鞋子，又美丽又简单。","fImg":"./list/img/pic4.png","fPrice":"90","fPostage":"免邮费","fRecord":"66"},'
+ '{"id":"5","fShopID":"f00102135","fTitle":"自制果冻布甸餐厅专供原料夏天美食，草莓味","fImg":"./list/img/pic5.png","fPrice":"21","fPostage":"免邮费","fRecord":"236"}' + '],"userdata":{"sys.count":"10"}}';//
var jsonStr1 = '{"@type":"table","rows":['
+ '{"id":"6","fShopID":"f00105411","fTitle":"雪纺印花百褶裙半身裙,简约的线条和版型上身很好看，整体更有看点1。","fImg":"./list/img/pic1.png","fPrice":"115","fPostage":"免邮费","fRecord":"62"},'
+ '{"id":"7","fShopID":"f00105411","fTitle":"时尚真皮女凉鞋牛筋底中跟欧美潮鞋 2015夏个性森系女鞋子罗马鞋1","fImg":"./list/img/pic2.png","fPrice":"219","fPostage":"免邮费","fRecord":"3"},'
+ '{"id":"8","fShopID":"f00105411","fTitle":"藤雷达椅太阳椅藤椅躺椅午休藤睡椅编藤阳台躺椅懒人月亮椅1","fImg":"./list/img/pic3.png","fPrice":"320","fPostage":"免邮费","fRecord":"14"},'
+ '{"id":"9","fShopID":"f00105411","fTitle":"一件漂亮的软纱公主裙，配上一又白色高跟鞋子，又美丽又简单1。","fImg":"./list/img/pic4.png","fPrice":"90","fPostage":"免邮费","fRecord":"66"},'
+ '{"id":"10","fShopID":"f00102135","fTitle":"自制果冻布甸餐厅专供原料夏天美食，草莓味1","fImg":"./list/img/pic5.png","fPrice":"21","fPostage":"免邮费","fRecord":"236"},'
+ '{"id":"11","fShopID":"f00105411","fTitle":"雪纺印花百褶裙半身裙,简约的线条和版型上身很好看，整体更有看点2。","fImg":"./list/img/pic1.png","fPrice":"115","fPostage":"免邮费","fRecord":"62"},'
+ '{"id":"12","fShopID":"f00105411","fTitle":"时尚真皮女凉鞋牛筋底中跟欧美潮鞋 2015夏个性森系女鞋子罗马鞋1","fImg":"./list/img/pic2.png","fPrice":"219","fPostage":"免邮费","fRecord":"3"},'
+ '{"id":"13","fShopID":"f00105411","fTitle":"藤雷达椅太阳椅藤椅躺椅午休藤睡椅编藤阳台躺椅懒人月亮椅1","fImg":"./list/img/pic3.png","fPrice":"320","fPostage":"免邮费","fRecord":"14"},'
+ '{"id":"14","fShopID":"f00105411","fTitle":"一件漂亮的软纱公主裙，配上一又白色高跟鞋子，又美丽又简单1。","fImg":"./list/img/pic4.png","fPrice":"90","fPostage":"免邮费","fRecord":"66"},'
+ '{"id":"15","fShopID":"f00102135","fTitle":"自制果冻布甸餐厅专供原料夏天美食，草莓味1","fImg":"./list/img/pic5.png","fPrice":"21","fPostage":"免邮费","fRecord":"236"}'
+ '],"userdata":{"sys.count":"15"}}';
if (event.offset == 0) {
var url = JSON.parse(jsonStr);// require.toUrl("./list/json/goodsData.json");
this.comp("goodsData").loadData(url, false);
// goodsData.loadData(url,false);
// allData.loadDataFromFile(url, event.source, false);
} else {
//alert(event.offset);
var url = JSON.parse(jsonStr1);// require.toUrl("./list/json/goodsData2.json");
this.comp("goodsData").loadData(url, true);
// goodsData.loadData(url,true);
// allData.loadDataFromFile(url, event.source, true);
}
//this.comp("pages")
};
// 商品点击事件
Model.prototype.listClick = function(event) {
/*
* 1、获取当前商品ID 2、传入弹出窗口，弹出窗口中显示商品详细信息 3、在弹出窗口的接收事件中，从服务端过滤数据
*/
var data = this.comp("goodsData");
justep.Shell.showPage("detail", {
goodsID : data.getValue("id"),
shopID : data.getValue("fShopID")
});
};
// 搜索
Model.prototype.searchBtnClick = function(event) {
/*
* 1、进入搜索页面
*/
justep.Shell.showPage("search");
};
// 修改列表样式图标
Model.prototype.listStyleClick = function(event) {
/*
* 1、切换下一个页面
*/
this.comp('pages').next();
};
Model.prototype.pagesActiveChanged = function(event) {
/*
* 1、页面变化完成事件 2、根据页面索引修改按钮图标
*/
var btnObj = this.comp("listStyleBtn");
var index = this.comp("pages").getActiveIndex();
if (index == "0") {
btnObj.set("icon", "glyphicon glyphicon-th-list");
} else {
btnObj.set("icon", "glyphicon glyphicon-th-large");
}
};
/* 选择排序按钮 */
Model.prototype.sortingBtnClick = function(event) {
if ($(this.comp("sortingPopOver").$domNode).css("display") == "block") {
this.comp("sortingPopOver").hide();
} else {
this.comp("sortingPopOver").show();
}
if ($(this.comp("screeningPopOver").$domNode).css("display") == "block") {
this.comp("screeningPopOver").hide();
}
};
/* 选择排序 */
Model.prototype.sortingListClick = function(event) {
/*
* 1、排序点击事件 2、修改当前排序 3、关闭排序窗口
*/
var data = this.comp("conditionData");
data.setValue("fState", "0", data.find([ "fState" ], [ "1" ], true, true, true)[0]);
var row = data.getCurrentRow();
data.setValue("fState", "1", row);
this.comp("sortingBtn").set("label", data.getValue("fName", row));
this.comp("sortingPopOver").hide();
};
/* 折扣和服务按钮 */
Model.prototype.screeningBtnClick = function(event) {
if ($(this.comp("screeningPopOver").$domNode).css("display") == "block") {
this.comp("screeningPopOver").hide();
} else {
this.comp("screeningPopOver").show();
}
if ($(this.comp("sortingPopOver").$domNode).css("display") == "block") {
this.comp("sortingPopOver").hide();
}
};
/* 折扣和服务 */
Model.prototype.discountClick = function(event) {
/*
* 1、折扣和服务点击事件 2、选择折扣和服务，可多选
*/
var data = this.comp("discountData");
var row = data.getCurrentRow();
if (data.getValue("fState", row) == 0) {
data.setValue("fState", "1", row);
} else {
data.setValue("fState", "0", row);
}
};
/* 分类 */
Model.prototype.classClick = function(event) {
/*
* 1、分类点击事件 2、选择分类，单选
*/
var data = this.comp("classData");
data.setValue("fState", "0", data.find([ "fState" ], [ "1" ], true, true, true)[0]);
var row = data.getCurrentRow();
data.setValue("fState", "1", row);
};
/* 重置 */
Model.prototype.resetBtnClick = function(event) {
/*
* 1、重置按钮点击事件 2、清空价格区间、折扣和服务、分类
*/
this.comp("price1").val("");
this.comp("price2").val("");
this.reset(this.comp("discountData"));
this.reset(this.comp("classData"));
};
Model.prototype.reset = function(data) {
var rows = data.find([ "fState" ], [ "1" ], false, true, true);
for (var i = 0; i < rows.length; i++) {
data.setValue("fState", "0", rows[i]);
}
};
Model.prototype.modelLoad = function(event) {
/*
* 判断html标签是否有iosstatusbar,有测表示在苹果手机上运行，顶部需要留出20px，因此修改popover的top
*/
var src = $("html").hasClass("iosstatusbar");
if (src) {
$(".x-popOver-overlay").css({
"top" : "108px"
});
}
/*
* 切换到缓存中保存的content
*/
var pagename = localStorage.getItem("list_style_name");
if (pagename == null) {
pagename = "oneColList";
}
this.comp("pages").to(pagename);
};
// 离开页面事件
Model.prototype.modelUnLoad = function(event) {
/*
* 将当前激活的content的Xid存入缓存
*/
localStorage.setItem("list_style_name", this.comp("pages").getActiveXid());
};
Model.prototype.goodsDataCreate = function(event) {
event.source.limit = 5;
};
return Model;
});

复制代码

liangyongfei · 发表于 2017-2-3 18:49:38

分页一般是请求后端时候设置的！
http://docs.wex5.com/wex5-ui-question-list-2028/

你的数据都是当前定义的变量，为什么分页？

a531246041 · 发表于 2017-2-4 08:36:23

liangyongfei 发表于 2017-2-3 18:49
分页一般是请求后端时候设置的！
http://docs.wex5.com/wex5-ui-question-list-2028/

我是模拟一下，看一下神马时候触发绑定刷新

liangyongfei · 发表于 2017-2-5 09:57:40

a531246041 发表于 2017-2-4 08:36
我是模拟一下，看一下神马时候触发绑定刷新

模拟就需要给data组件设置总记录数

Data.setTotal()设置总条数

		自动登录	找回密码
密码			注册

[处理中3] 谁写的有完整的分页data给我看看，我想获取一下当前页码，谁知道怎么获取