
<div class="main">
    <table class="tb-head" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td class="left btn-group">
                <button type="button" class="btn btn-default btn-sm ui-selectInvert">反选</button>
                <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-expanded="false">
                    菜单
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a class="ui-dialog" href="javascript:void(0)" data-custom-params="title:'添加分类', url:'@Url.Action("Add")',width:'600px',height:'250px'">添加</a></li>
                    <li class="divider"></li>
                    <li><a href="javascript:void(0)" class="ui-deleteMultiple" data-custom-params="url:'@Url.Action("Delete")',callBack:'LoadData'">删除</a></li>
                </ul>
            </td>
        </tr>
    </table>
    <table border=0 cellpadding=0 cellspacing=0 align="center" class="table table-bordered" id="tb_list">
        <thead>
            <tr>
                <td align="center" style="width:40px"><input type="checkbox" title="选择" class="ui-selectInvert" data-custom-params="isReverse:false"></td>
                <td>分类</td>
                <td align="center">序号</td>
                <td align="center">操作</td>
            </tr>
        </thead>
        <tr class="item list-template-item" id="item_{id}">
            <td align="center"><input type="checkbox" value="{id}" class="checked-item"></td>
            <td>{name}</td>
            <td align="center" class="form-inline form-group-sm"><input type="text" name="xuhao" id="xuhao" class="form-control ui-listXuhao" readonly data-table="pa_msg_category" data-id="{id}" onkeyup="if(!IsNum(value)){this.value='0'}" style="width:50px" maxlength="3" value="{xuhao}"/></td>
            <td align="center">
                <div class="btn-group btn-group-sm">
                    <input type="hidden" name="id" value="{id}" />
                    <a href="javascript:void(0)" class="btn btn-default btn-sm ui-dialog" data-custom-params="title:'{name}-修改', url:'@Url.Action("Edit")?id={id}',width:'600px',height:'250px'">修改</a>
                    <button type="button" class="btn btn-default btn-sm ui-deleteSingle ui-deleteSingle-{sysField}" data-custom-params="url:'@Url.Action("Delete")',callBack:'LoadData'">删除</button>
                </div>
            </td>
        </tr>
    </table>
</div>

<script type="text/javascript">
    function LoadData() {
        var url = "@Url.Action("ListData")";
        $("#tb_list").ListBind({url:url,callBack: "LoadedInit"});
    }
    function LoadedInit() {
       
    }
    LoadData();
</script>