admin1/Home/View/User/index.html

<div class="bjui-pageHeader" data-layout-fixed="true">
		<div class="bjui-searchBar">
		  <div class="btn-group">
        <button type="button" class="btn-green" >查询</button>
        <!-- showMoreSearch 记住显示状态data-name="custom2" -->
        <button type="button" class="btn-green" data-toggle="moresearch" title="更多查询条件"><i class="fa fa-angle-double-down"></i></button>
      </div>
      	<span><a class="btn btn-orange" href="javascript:;" onclick="loadpage(this)" data-icon="undo"> 刷新</a></span> 
		    <span style="float:right;" ><a   onclick="down_data('__MODULE__/user/downdata?',$('#user_form').serialize())"  class="btn btn-blue" data-icon="arrow-up" ><i class="fa fa-arrow-down"></i> 导出</a></span>
			  <span style="float:right;margin-right:20px; <php>echo display(CONTROLLER_NAME.'/add');</php> ">
			  <a  class="btn btn-green" data-toggle="dialog" 
			  	data-options="{id:'user_add', url:'__APP__/Home/user/add', width:450, height:500,onClose:'user_sx',mask:true}"  data-id="dialog-mask" data-mask="true" data-icon="plus"> 新增用户</a>
			  </span>
		
		
		</div>
		<form data-toggle="ajaxsearch" data-options="{searchDatagrid:$.CurrentNavtab.find('#usertable')}" id="user_form">
        <div class="bjui-moreSearch">
            <fieldset>
            <legend style="font-weight:normal;">搜索：</legend>
            <div style="margin:0; padding:1px 5px 5px;">
                <span>登录名:</span>
                <input name="username" size="12">&nbsp;
                <span>姓名:</span>
                <input name="truename" size="12">&nbsp;
                <span>组:</span>
                <input type="text" name="depname" data-toggle="selectztree" size="12" data-tree="#gtree_user_sel"  readonly >
			          						<ul id="gtree_user_sel" class="ztree hide" data-toggle="ztree" data-expand-all="true" data-check-enable="true"
			          							 data-chk-style="radio" data-radio-type="all" data-on-check="ztrCheck" data-on-click="ztrClick">
                                <volist name="group" id="gvo">
                                <li data-id="{$gvo.id}" data-pid="{$gvo.pid}">{$gvo.title}</li>
                                </volist>
                            </ul> 
                 &nbsp;<span>角色：</span>
                <input type="text" name="posname" data-toggle="selectztree" size="12" data-tree="#tree_user_sel" readonly >  <span style="color:red;" >*</span>
			          						<ul id="tree_user_sel" class="ztree hide" data-toggle="ztree" data-expand-all="true" data-check-enable="true"
			          							 data-chk-style="radio" data-radio-type="all" data-on-check="ztrCheck" data-on-click="ztrClick">
                                <volist name="role" id="vo">
                                <li data-id="{$vo.id}" data-pid="{$vo.pid}">{$vo.title}</li>
                                </volist>
                            </ul>            
                <div class="btn-group">
                    <button type="submit" class="btn-green" onclick="formnone()" data-icon="search">查询！</button>
                    <button type="reset" class="btn-orange" data-icon="times">重置</button>
                </div>
            </div>
        		</fieldset>
        </div>
    </form>
</div>
<!--header end -->
<div class="bjui-pageContent">
	<!--
<ul id="ztree-test-demo2" class="ztree" data-toggle="ztree" 
	data-options="{nodes:[{id:1,pid:0,name:'表单元素',faicon:'rss',children:[{id:10,pId:1,name:'按钮'},{id:11,pId:1,name:'文本框'}]}]}"></ul>

<ul id="ztree-test" class="ztree" data-toggle="ztree" data-check-enable="true" data-on-click="MainMenuClick">
                        <li data-id="1" data-pid="0" data-faicon="rss" data-faicon-close="cab">表单元素</li>
                        <li data-id="9" data-pid="1"  data-url="__APP__/home/Permission/index" data-tabid="form-button" data-faicon="bell">按钮</li>
                        <li data-id="10" data-pid="1" data-url="" data-tabid="form-button" data-faicon="bell">按钮</li>
                        <li data-id="11" data-pid="10" data-url="" data-tabid="form-input" data-faicon="info-circle">文本框</li>
-->   
<table id='usertable'>
			<thead>
		        <tr>
		            <th data-options="{name:'username',width:230}">登录名</th>
		            <th data-options="{name:'truename'}">姓名</th>
		           <!-- <th data-options="{name:'extension'}">分机号</th>
		            <th data-options="{name:'agentid'}">座席号</th>-->
		            <th data-options="{name:'depname'}">所在组</th>
		            <th data-options="{name:'posname'}">担任角色</th>
		            <th data-options="{name:'phone'}">联系电话</th>
		            <th data-options="{name:'email'}">电子邮箱</th>
		            <th data-options="{name:'address'}">地址</th>
		            <th data-options="{render:'user_opert',align:'center',quicksort:false}">操作</th>
		        </tr>
		  </thead>
		</table>
</div>
<script>
	mypage('#usertable',true,false,'__MODULE__/user/index/list/1');//表id ，取值url
	function user_opert(tr,data){
		return '<a  class="btn btn-green" data-toggle="dialog" data-options={id:"user_edit",url:"__APP__/Home/user/edit/id/'+data.id+'",width:"450",height:"500",onClose:"user_sx"}  data-mask="true" >编辑</a>'+
		'<a  class="btn btn-red"  onclick="Data_del(\'__MODULE__/user/del\','+data.id+',\'#usertable\')"  data-mask="true" >删除</a>';
}
function user_sx(){
	$('#usertable').datagrid('refresh', {'filterFlag':true});
	}		

</script>