datagrid的用法,大概是这样的:
它的一个url属性,指向了一个文件或者是一个地址。
这个地址或者文件当中就是你的数据,这里使用json格式保存数据,
而且在格式上有一定的要求,比如:
{"total":28,"rows":[{XXXXX},{XXXXX},{XXXXX},{XXXXX}]}
使用total表示datagrid的总数,而它的数据则记录在rows里面,
"rows":[]
表示一个数组,里面会有N条记录,
其中每一条记录可以为{"uname","AAA","age":20}类似这样的形式,其实就是字段名和字段值。
easyui里面的例子,很容易看懂,去看看吧··
直接用json的方式写啊,如
S('#dg')datagrid(‘load’,{
BEGIN_DATE:$("#txtBEGIN_DATE")datebox("getValue"),
END_DATE:$("#txtEND_DATE")datebox("getValue")
})
var node = $('input[name="createTime"]');
nodedatebox({
onShowPanel : function() {// 显示日期选择对象后再触发d出月份层的事件,初始化时没有生成月份层
spantrigger('click');// 触发click事件d出月份层
setTimeout(function() {// 延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔
var tableTd = pfind('divcalendar-menu-month-inner td');
tableTdon("click",function (e) {
estopPropagation();// 禁止冒泡执行easyui给月份绑定的事件
var event = etarget,//当前被点击的月
y=/\d{4}/exec(spanhtml())[0],//年份
m=parseInt($(event)attr("abbr"));//月份
if(m<10) m="0"+m;
nodedatebox('hidePanel');// 隐藏日期对象
nodedatebox('setValue', y + '-' + m);// 设置日期的值
});
}, 0);
},
formatter:function (date) {//格式化日期
var y = dategetFullYear(),
m = dategetMonth()+1;
if(m<10) m = "0"+m;
return y+"-"+m;
},
parser:function (s) {//解析一个日期字符串
var t = Dateparse(s);
return !isNaN(t) new Date(t) : new Date();
}
});
var p = nodedatebox('panel');// 日期选择对象
var span = pfind('divcalendar-title span');// 显示月份层的触发控件
以上就是关于jquery easyUI 中的datagrid怎么显示日期格式的数据全部的内容,包括:jquery easyUI 中的datagrid怎么显示日期格式的数据、jquery EasyUI中datagrid如何根据两个datebox传入的值作为时间段,然后通过load的方法到后台查询数据、easyui默认时间插件修改为只显示 年月等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)