<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">
    <table class="tb-head" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="right">
                <div class="form-group">
                    <div class="controls form-inline form-group-sm">
                        <select id="CategoryId" name="CategoryId" class="btn-xs ui-queryString ui-setName form-control">
                            <option value="0">所有分类</option>
                        </select>
                        <select id="s_field" name="s_field" class="btn-xs ui-queryString ui-setName form-control">
                            <option value="name">插件名称</option>
                            <option value="author">插件作者</option>
                            <option value="introduction">插件简介</option>
                        </select>
                        <input type="text" class="ui-queryString ui-keyword  form-control" maxlength="20" style="width:140px" placeholder="输入关键词">
                        <button type="button" class="btn btn-default btn-sm ui-queryString-search">搜索</button>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <table border=0 cellpadding=0 cellspacing=0 class="table table-bordered" id="tb_list">
        <thead>
            <tr>
                <td align="center">插件</td>
                <td align="center">是否已安装</td>
                <td align="center">操作</td>
            </tr>
        </thead>
        <tr class="item list-template-item" id="item_{id}">
            <td align="left">
                <div class="clearfix">
                    <div class="left"><a href="{Url}" target="_blank"><img src="{icon}" class="thumbnail" align="left" /></a></div>
                    <div class="left">
                        <p>名称：{name} V{version}</p>
                        <p>作者：{author}</p>
                        <p>简介：{Introduction}</p>
                        <p>价格：{Price}元</p>
                    </div>
                </div>
            </td>
            <td align="center" style="padding-top:40px"><span class="sp_state sp-install-{installed}"></span></td>
            <td align="center" style="padding-top:40px">
                <input type="hidden" name="pluginName" value="{pluginName}" />
                <div class="btn-group btn-group-sm">
                    <button class="btn btn-default btn-sm ui-dialog stop-{installed}" data-custom-params="title:'插件关闭',url:'@Url.Action("Set")?act=close&pluginName={pluginName}',width:'600px',height:'400px'">下载</button>
                    <button class="btn btn-default btn-sm ui-dialog open-{installed}" data-custom-params="title:'插件开启',url:'@Url.Action("Set")?act=open&pluginName={pluginName}',width:'600px',height:'450px'">更新</button>
                </div>
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    //绑定数据

    function LoadedInit()
    {
        $(".dropdown-hover").DropdownHover();
        $(".stop-0").hide();
        $(".open-1").hide();
    }

    function LoadData() {
        var url = "@Url.Action("PageListData")";
        $("#tb_list").ListBind({ url: url, callBack: "LoadedInit" });
    }
    LoadData();

</script>
