EasyUI datagrid Url重定向

本文介绍如何使用jQuery和easyui插件配置datagrid展示表格数据,并提供了两种更新datagrid数据源URL的方法。通过示例代码详细展示了datagrid的基本配置选项,如列定义、排序设置等。

datagrd定义

html:

     <div id="org_grid"></div>

 

js:

     $('#org_grid').datagrid({
       title:'',
    width:600,
    height:350,
    nowrap: false,
    striped: true,
    fit: true,
    sortName: 'id',
    sortOrder: 'desc',
    idField:'id',
    frozenColumns:[[
        {field:'ck',checkbox:true,width:20},
        {title:'编号',field:'id',width:40,sortable:true}
    ]],
    columns:[[
       {field:'orgName',title:'业务组织名称',width:140},
       {field:'parentOrgId',title:'上级编号',width:100},
       {field:'orgCode',title:'组织编码',sortable:true,width:100},
       {field:'shortName',title:'简称',width:90},
       {field:'synchronizeFlag',title:'是否同步',width:100},
       {field:'deleteFlag',title:'是否删除',width:100},
       {field:'orgType',title:'组织类型',width:100},
       {field:'sortNo',title:'排序编号',width:100}
      ]],
    pagination:true,
    rownumbers:true,
    pageList:[2,5,10,30]
   });

 

datagrid重新定向url:

js:

   方式一:使用easyi api 

   $('#org_grid').datagrid({url:'<%=basePath%>systemOrgManager/list.do?nodeId='+node.id}

 

   方式二:使用jquery

   $('#org_grid').attr('url','<%=basePath%>systemOrgManager/list.do?nodeId='+node.id); 
   $('#org_grid').datagrid('reload');

转载于:https://www.cnblogs.com/xzb-cnblogs/p/3141684.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值