<table border="0" align="center" cellpadding="0" cellspacing="0" id="mian" style="border-bottom:none;width:900px;" ms-controller="ProductCheckSelectList">
    <tbody>
        <tr>
            <td style="width:198px;vertical-align: top;">
                <table cellpadding="0" cellspacing="0" height="100%" class="bordergrag" style="margin-top:3px;">
                    <tr>
                        <td style="vertical-align: top;">
                            <div class="boxTitlenoneb">
                                <h2>
                                    <a href="javascript:void(0)" ms-click="expanCategory" style="color: #016b96; float: right; margin-right: 5px; font-size: 12px; font-weight: normal;">+ 展开</a>
                                    产品分类
                                </h2>
                                <ul id="productSelectCategoryTree" class='ztree' ms-widget="productCategoryTree,pSelectCategoryTree,pCategoryTreeOpts" style="width: 198px; height:500px; overflow: auto;"></ul>
                                <br>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
            <td style="width:10px;"></td>
            <td valign="top" id="right" style="padding:0px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="seacrhTable" id="seacrhTable" style="margin-bottom:5px;">
                    <tbody>
                        <tr>
                            <td class="searchico">
                                <div class="input-append" style="margin-bottom: 0px;">
                                    <input type="text" class="span4" ms-duplex='key' placeholder="输入产品名称" ms-keypress='toEnter'>
                                    <button class="add-on ibtsearch" style="height: 28px; font-size: 12px; padding: 3px 12px;" ms-click='toSearch' ms-html='lang.SearchBtn'></button>
                                    <button class="add-on ibtsearch" style="height: 28px; font-size: 12px; padding: 3px 12px;" ms-click="clearQuery" ms-html='lang.ShowAllBtn'></button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="seacrhField">
                    <tbody>
                        <tr class="quickword" ms-repeat="queryData" ms-if-loop="$val.items">
                            <td colspan="2">
                                <span>{{$val.label}}</span>
                                <div style="display: inline;">
                                    <a ms-repeat-r='$val.items' href="javascript:void(0)" ms-click='addQuery($key,r.val, $val.label + ":" + r.label)' ms-class-selected="r.curr" ms-html='r.label'></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="seabox">
                                <span class="first" ms-html='lang.CurrSearchCondition'></span>
                                <div style="display: inline;float:left;" ms-repeat="queryData">
                                    <span class="searchItem" ms-if-loop='$val.valLabel'>{{$val.valLabel}}
                                    <i><a href="javascript:void(0)" ms-click='removeQuery($key)'></a></i>
                                    </span>
                                </div>
                                <span class="last" ms-visible='hasQuery' ms-click='clearQuery'><a href="javascript:void(0)" ms-html='lang.ClearAll'></a></span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div style="height:520px;overflow:auto;">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList bottom10" id="tableList">
                    <thead>
                        <tr class="head" style="background-color: rgb(250, 250, 250);">
                            <td width="3%" align="center">
                                 <input type="checkbox" ms-duplex-radio="grid1.checkall">
                            </td>
                            <td align="center">仓库</td>
                            <td align="center">仓位</td>
                            <td align="center">产品分类</td>
                            <td align="center">产品编号</td>
                            <td align="center">产品名称</td>
                            <td align="center">型号</td>
                            <td align="center">单位</td>
                            <td align="center">数量</td>
                        </tr>
                    </thead>
                    <tbody> 
                        <tr ms-repeat-item="grid1.list">
                            <td align="center">
                                 <input type="checkbox" ms-duplex-radio="item.checked">
                            </td>
                            <td align="center">{{item.StorageName}}</td>
                            <td align="center">{{item.SpaceName}}</td>
                            <td align="center">{{item.ProductCategory}}</td>
                            <td align="center">{{item.ProductNo}}</td>
                            <td align="center" ms-title="item.ProductName">{{item.ProductName|truncate(10,"…")}}</td>
                            <td align="center" ms-title="item.Standard">{{item.Standard|truncate(4,"…")}}</td>
                            <td align="center">{{item.Units}}</td>
                            <td align="center">{{item.InventoryNumber}}</td>
                        </tr> 
                    </tbody>
                    <tfoot>
                        <tr>
                           <td colspan="15" ms-widget='paging,ProductCheckSelectListListPage,listOpts'>
                           </td>
                        </tr>
                    </tfoot>
                </table> 
                </div>
                
            </td>
        </tr>
    </tbody>
</table>