admin1/Home/View/Group/add.html

<script type="text/javascript">
//选择事件
function S_NodeCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj(treeId),
        nodes = zTree.getCheckedNodes(true)
    var ids = '', names = ''
    
    for (var i = 0; i < nodes.length; i++) {
        ids   += ','+ nodes[i].id
        names += ','+ nodes[i].name
    }
    if (ids.length > 0) {
        ids = ids.substr(1), names = names.substr(1)
    }
    
    var $from = $('#'+ treeId).data('fromObj')
    
    if ($from && $from.length) $from.val(names)
    $('#tree_pidadd_select_box').css('display','none');
}
//单击事件
function S_NodeClick(event, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj(treeId)
    
    zTree.checkNode(treeNode, !treeNode.checked, true, true)
    
    event.preventDefault()
}
</script>
<div class="bjui-pageContent">
<form action="__APP__{$action}"  data-toggle="ajaxform">
<input type="hidden" name='roleid' value="">
<input type="hidden" name='type' value="0">
<div class="pageFormContent" data-layout-h="0" style="overflow: auto; height: 231px;">
          <table class="table table-condensed table-hover" width="100%">
           <tbody>
            <tr><td>
                <label class="control-label x95">上级部门：</label>
			      <input type="text" name="pid" data-toggle="selectztree" size="20" data-tree="#tree_pidadd" readonly > <span style="color:red">*</span>
			          						<ul id="tree_pidadd" 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="S_NodeCheck" data-on-click="S_NodeClick">
			          							 	<li data-id="a" data-pid="0">顶级</li>
                                <foreach name="role" item="vo">
                                <li data-id="{$vo['id']}" data-pid="{$vo['pid']}">{$vo['title']}</li>
                                </foreach>
                            </ul>
           </td></tr>
            <tr><td>
                <label for="rolem" class="control-label x95">部门名称：</label>
                <input type="text" size="20" name="title" id="rolem" value="" class="form-control">
                <span style="color:red">*</span>
            </td></tr>
           <tr><td>
                <label class="control-label x95">排序：</label>
           			<input type="text" size="10" name="sort" value="1"  class="form-control" data-toggle="spinner">
           </td></tr>
           <tr><td style="    text-align: center;"></td></tr>
            </tbody>
            </table>
        </div>
    </div>
    <div class="bjui-pageFooter">
            <ul>
                <li><button type="button" class="btn-close" data-icon="close">取消</button></li>
                <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
            </ul>
        </div>         
</form>