@model string
<div class="current-location">
    <ul>
        <li class="left"><i class="glyphicon glyphicon-home"></i><a href="javascript:void(0)" onclick="location.href=location.href">好友分组管理</a></li>
        <li class="right"><a href="javascript:void(0)" onclick="LoadData()" title="刷新"><span class="glyphicon glyphicon-refresh"></span></a></li>
    </ul>
</div>
<div class="main">
    <div class="control-group clearfix">
        <div class="btn-group left">
            <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 href="javascript:void(0)" class="ui-dialog" data-custom-params="title:'添加分组',url:'@Url.Action("Add")',width:'680px',height:'250px', target: 'self'">添加分组</a></li>
                <li class="divider"></li>
                <li><a href="javascript:void(0)" class="ui-updateMultiple" data-custom-params="url:'@Url.Action("UpdateList")'">更新</a></li>
                <li><a href="javascript:void(0)" class="ui-deleteMultiple" data-custom-params="url:'@Url.Action("Delete")'">删除</a></li>
            </ul>
        </div>
    </div>
    <span class="help-block"></span>
    <table border=0 cellpadding=0 cellspacing=0 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 align="center">分组名称</td>
            <td align="center">ID</td>
            <td align="center">序号</td>
            <td align="center">操作</td>
        </tr>
        <tr class='item' id='item_{id}'>
            <td align="center"><input type='checkbox' value='{id}' id='id' name='id'></td>
            <td align="left"><span id='span_1'>&nbsp;</span>{name}</td>
            <td align="center">{id}</td>
            <td align="center" class="form-inline form-group-sm">
                <input type="text" name="xuhao" id="xuhao" class="form-control ui-listXuhao" value='{xuhao}' style="width:50px" maxlength="3" />
            </td>
            <td align="center">
                <div class="btn-group btn-group-sm">
                    <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:'680px',height:'250px',target:'self'">修改</a>
                    <a href="javascript:void(0)" class="btn btn-default btn-sm ui-deleteSingle" data-custom-params="url: '@Url.Action("Delete")', id:'{id}'">删除</a>
                </div>
            </td>
        </tr>
    </table>

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