【easyui】jquery easyui中treegrid用法的简单实例-treegrid

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jquery easyui中treegrid用法的简单实例】，下面是详细的讲解！

jquery easyui中treegrid用法的简单实例

<table class="easyui-treegrid" style="width:700px;height:250px"  url='control_node_json?group_id=$info[id]&access_node=$_REQUEST[access_node]"' idField="id" treeField="title" fit="true" toolbar="#control_node_toolbar_{$info[id]}">
        <thead> 
          <tr>
            <th field="title" width="200px" data-options="formatter:title_formatter">名称</th>
            <th field="name" width="200px">节点</th>
            <th field="status" width="50px">状态</th>
            <th field="remark">备注</th>
          </tr>
          <thead> 
        </table>
        <div id="control_node_toolbar_{$info[id]}">
            <a href="http://www.jb51.net/article/javascript:alert('test');" class="easyui-linkbutton" iconCls="icon-add" plain="true">控制</a>
        </div>

关于jquery easyui中treegrid用法的简单实例的用户互动如下：

　　相关问题：jquery easyui treegrid onclickrow 事件如何使用

　　答：假设tgrid是你treegrid的id $('#tgrid').treegrid({ onClickRow:function(row){ }}); >>详细

　　相关问题：哪位高手有EasyUI treegrid具体实例 包含分页代码

　　答：treegrid.html HTML code jQuery EasyUI $(function(){ $('#test').treegrid({ title:'TreeGrid', iconCls:'icon-save', width:500, height:350, nowrap: false, rownumbers: true, animate:true, collapsible:true, url:'treegrid_data.json', ... >>详细

　　相关问题：求大神给个easyui tree的例子，感谢！

　　答：使用easyui 需要页面引用必须的js和css // easyui tree 一般只需要url一个属性即可显示数据，tree会自动ajax加载数据// 至于点击树节点如何显示相应页面 ，tree 的json数据格式里面有attributes 可以自定义url//就像下面例子中的 \"attributes\"... >>详细