查看: 802|回复: 5
注册时间最后登录阅读权限10积分113精华0帖子
注册会员, 积分 113, 距离下一级还需 87 积分
如题， 参照本例，已经实现列从后台取JSON数据后动态设置，但是有的列需要过滤的，请教一下，某列需要过滤行怎么动态设置。
grid.set({
& && &&&columns: [& && && &
& && && && &{ field: &age&, width: 100, headerAlign: &center&, allowSort: true, header: &年龄&, editor: { type: &spinner&} }& && && &&&
注册时间最后登录阅读权限150积分13836精华0帖子
{ field: &age&, width: 100, headerAlign: &center&, allowSort: true, header: &年龄&, editor: { type: &spinner&},filter:{type:&textbox&} }
注册时间最后登录阅读权限10积分113精华0帖子
注册会员, 积分 113, 距离下一级还需 87 积分
felt 发表于
{ field: &age&, width: 100, headerAlign: &center&, allowSort: true, header: &年龄&, editor: { type: ...
过滤行支持哪些类型，type可以是哪些值，字段过滤还包括除type外其他哪些属性值，分别作何限制。是否支持和该字段相同的type设置。
注册时间最后登录阅读权限150积分6414精华0帖子
<font color="#29536 发表于
过滤行支持哪些类型，type可以是哪些值，字段过滤还包括除type外其他哪些属性值，分别作何限制。是否支持 ...
参考我们表格过滤的示例，过滤器里的属性都可以动态生成
注册时间最后登录阅读权限10积分113精华0帖子
注册会员, 积分 113, 距离下一级还需 87 积分
dforce 发表于
/demo/#src=datagrid/filter_client.html
参考我们表格过滤的示例，过滤器里的属性 ...
我想问下，如果表格中的字段是日期格式，过滤器是否可以设置为日期选择框，自动和表格字段的格式匹配。如果可以应该如何设置。
注册时间最后登录阅读权限150积分13836精华0帖子
<font color="#29536 发表于
我想问下，如果表格中的字段是日期格式，过滤器是否可以设置为日期选择框，自动和表格字段的格式匹配。如 ...
可以用datepicker
显示格式需要自己设置
Powered by所有回答(1)
你这里所说的当前列是指的datagrid中的一列么？如果是datagrid中的一列的话是不是可以一次性把多选类型、文本类型、和数字类型都定义出来，然后根据条件设定hidden为true或false即可...
当然，页面中也是可以用jsp或php（取决于你的开发语言）等去做if...else判断的，毕竟js只是前端脚本...
以下是该实例所用到的数据，datagrid_data1.json:
{"total":3,"rows":[
{"productid":"彩电","type":"checkbox"},
{"productid":"冰箱","type":"text"},
{"productid":"洗衣机","type":"number"}
&&&您需要以后才能回答，未注册用户请先。jquery&easyui&datagrid&动态改变url地址中的参数值
方法一：（改变后加载当前页面内容）
//第一次设定
$('#telGrid').datagrid({
url:'list.asp?act=getAjax_list&s_key=纳尼
&website= ',
nowrap: false,
striped: true,
collapsible:true,
pagination:true,
rownumbers:true,
pagination:true,
toolbar:[{
&&&&&&&&&&&&&&&
text:'新增',
&&&&&&&&&&&&&&&
iconCls:'icon-add',
&&&&&&&&&&&&&&&
handler:function(){
&&&&&&&&&&&&&&&&&&&
//$('#btnsave').linkbutton('enable');
&&&&&&&&&&&&&&&&&&&
//alert('add')
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
text:'修改'
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
handler:function(){
&&&&&&&&&&&&&&&&&&&
updateRow();
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
text:'删除',
&&&&&&&&&&&&&&&
iconCls:'icon-remove',
&&&&&&&&&&&&&&&
handler:function(){
&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&
getSelections();
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
text:'查询',
&&&&&&&&&&&&&&&
iconCls:'icon-search'
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
handler:function(){
&&&&&&&&&&&&&&&&&&&
$('#searchW').window({
&&&&&&&&&&&&&&&&&&&&&&&
title: '设定查询条件',
&&&&&&&&&&&&&&&&&&&&&&&
width: 300,
&&&&&&&&&&&&&&&&&&&&&&&
modal: true,
&&&&&&&&&&&&&&&&&&&&&&&
shadow: false,
&&&&&&&&&&&&&&&&&&&&&&&
closed: false,
&&&&&&&&&&&&&&&&&&&&&&&
height: 200,
&&&&&&&&&&&&&&&&&&&&&&&
close:function(){
&&&&&&&&&&&&&&&&&&&&&&&&&&&
alert('data');
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&
& $('#telGrid').datagrid('reload', {
&&&&&&&&&&&
s_key :是哥呀&
('#telGrid').datagrid({url:'',&&&&
queryParams:{s_key:'800',&
website:'/con.html' }
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。页面导航：
→ 正文内容 动态显示和隐藏datagrid中列
jQuery动态显示和隐藏datagrid中的某一列的方法
动态显示和隐藏datagrid中的某一列的方法有很多，在接下来的文章中为大家介绍下jQuery是如何实现的
代码如下: $(function(){ $('#tt').datagrid({ title:'报表统计', width:1020, height:400, url:'', fitColumns:true, loadMsg:'正在获取,请稍侯...', singleSelect:true, nowrap:false, columns:[[ {field:'REGION_NAME',title:'分公司',width:30,align:'center'}, {field:'COUNTY_NAME',title:'区县',width:80,align:'center',editor:'text'}, {field:'AREA_NAME',title:'网格',width:80,align:'center',editor:'text'}, {field:'ORG_NAME',title:'网点',width:80,align:'center'}, {field:'TOTAL_NUM',title:'总业务量',width:40,align:'center'}, {field:'DH_NUM',title:'单宽业务量',width:40,align:'center'}, {field:'RH_NUM',title:'融合业务量',width:40,align:'center'}, {field:'YYT_NUM',title:'营业厅业务量',width:40,align:'center'}, {field:'QT_NUM',title:'其他业务量',width:40,align:'center'} ]], toolbar:[ ], onDblClickRow: function() { //selected = $('#tt').datagrid('getSelected'); //var index = $('#tt').datagrid('getRowIndex', selected); //$('#tt').datagrid('beginEdit', index); //progress(); //taskPreempte(selected.taskId); } }); $('#my_toolbar').appendTo('.datagrid-toolbar'); var dd = new Date(); var d1 = dd.getFullYear()+ "-" + (dd.getMonth()+1) + "-1" ; var d2 = dd.getFullYear() + "-" + (dd.getMonth()+1) + "-" + dd.getDate() ; $('#qryStartDate').datebox('setValue', d1); // set datebox value $('#qryEndDate').datebox('setValue', d2); // set datebox value refreshRpt2(); }); function refreshRpt2(){ var strStatCond = "b.region_name"; if($('#qryCon').attr("value")!=100){ param.sts = $('#qryCon').attr("value"); alert(param.sts); } param.qryBeginTime =$('#qryStartDate').datebox('getValue'); //alert(param.qryBeginTime); param.qryEndTime = $('#qryEndDate').datebox('getValue'); //alert(param.qryEndTime); if($('#region')!= null && $('#region').attr("checked") == true){ } if($('#county')!= null && $('#county').attr("checked") == true){ strStatCond += ",c.county_name"; $('#tt').datagrid('showColumn', 'COUNTY_NAME'); }else{ $('#tt').datagrid('hideColumn', 'COUNTY_NAME'); } if($('#area')!= null && $('#area').attr("checked") == true){ strStatCond += ",d.area_name"; $('#tt').datagrid('showColumn', 'AREA_NAME'); }else{ $('#tt').datagrid('hideColumn', 'AREA_NAME'); } if($('#org')!= null && $('#org').attr("checked") == true){ strStatCond += ",e.org_name"; $('#tt').datagrid('showColumn', 'ORG_NAME'); }else{ $('#tt').datagrid('hideColumn', 'ORG_NAME'); } alert(strStatCond); param.statCond = strStatC param.rptName = "statBusiRpt"; JSBaseCall.execute(param,showResult2); } //显示记录集 function showResult2(data){ var strJson=data["defaultJsonString"]; var result=eval('(' + strJson + ')'); //alert(strJson); if (result.KEY_JSCALL_RESULT){ if (result.KEY_SERVICE_RES){//成功 totalRec=result.KEY_TOTAL_REC; var d={"total":pageShowRec, "rows":result.defaultAList }; $('#tt').datagrid('loadData',d); } } }
比如在“曲县”没数据时表格就不用显示空列了，而是直接将这一列隐藏掉
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910> easyui datagrid reload后动态选中行的有关问题
easyui datagrid reload后动态选中行的有关问题
long12long & &
发布时间： & &
浏览：25 & &
回复：1 & &
悬赏：0.0希赛币
easyui datagrid reload后动态选中行的问题
　　$("#tt").datagrid({
onSelect:&function&(rowIndex,&rowData)&{
$("#qx").datagrid("reload",{useId:rowData.useId,tmp:"2",t:new&Date().getTime()})
$("#qx").datagrid({
onLoadSuccess:function(data){
var&rows&=&$("#tt").datagrid("getSelections");
if(rows.length&1)
$("#qx").datagrid("selectRow",0);
str=data.rows[0].functionId.split(",");
for(var&i=0;i&str.i++)
$("#qx").datagrid("selectRow",parseInt(str[i])-1);//一共选中5行
toolbar:&[{
text:&'保存',
iconCls:&'icon-save',
handler:&function&(data)&{
var&rows2=$("#qx").datagrid("getSelections");
alert(rows2.length);//弹框显示为1,这里显示的值貌似是tt那个datagrid选中行数的值
//for(var&i=0;i&rows2.i++)
//alert(rows2[i].id);
我要取qx这个datagrid所有选中行的id值，请高手指点一下怎么取
你什么版本的easyui？我这里1.2.1，1.3.1都没发现你的问题long1987519 & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&增值电信业务经营许可证湘B2-