easy ui

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPage/WuLiao/YCLRK.master"
    CodeFile="AddYclRK.aspx.cs" Inherits="WuLiao_Bussiness_Yuancailiao_AddOrderYclRK" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Body" runat="Server">
    <table id="yclTable" class="yclTable" cellpadding="0px" cellspacing="0px">
        <tr class="trHead">
            <td>
                <span class=" buttonLocation">
                    <input id="Button1" type="button" value="查找" />
                    <input id="Button2" type="button" value="查找" />
                    <input id="Button3" type="button" value="查找" />
                    <input id="Button4" type="button" value="查找" />
                    <input id="Button5" type="button" value="查找" />
                </span>单据信息
            </td>
        </tr>
        <tr>
            <td align="right">
                <table cellpadding="0px" cellspacing="0px" class="yclTable contentTable">
                    <tr>
                        <td style="width: 65px">
                            入库流水号
                        </td>
                        <td>
                            <input id="Text11" type="text" />
                        </td>
                        <td style="width: 80px">
                            百胜入库单号
                        </td>
                        <td>
                            <input id="Text12" type="text" />
                        </td>
                        <td>
                            入库类型
                        </td>
                        <td>
                            <input id="Text13" type="text" style="width: 100px;" />
                        </td>
                        <td>
                            单据日期
                        </td>
                        <td>
                            <input id="Text14" type="text" style="width: 100px;" />
                        </td>
                        <td>
                            制单人
                        </td>
                        <td>
                            <input id="Text25" type="text" style="width: 60px;" />
                        </td>
                        <td>
                            制单日
                        </td>
                        <td>
                            <input id="Text21" type="text" style="width: 100px;" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            订单流水号
                        </td>
                        <td>
                            <input id="Text26" type="text" />
                        </td>
                        <td>
                            百胜订单号
                        </td>
                        <td>
                            <input id="Text7" type="text" />
                        </td>
                        <td>
                            供应商
                        </td>
                        <td>
                            <input id="Text8" type="text" style="width: 100px;" />
                        </td>
                        <td>
                            交货日期
                        </td>
                        <td>
                            <input id="Text9" type="text" style="width: 100px;" />
                        </td>
                        <td>
                            审核人
                        </td>
                        <td>
                            <input id="Text10" type="text" style="width: 60px;" />
                        </td>
                        <td>
                            记账日
                        </td>
                        <td>
                            <input id="Text232" type="text" style="width: 100px;" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            合同流水号
                        </td>
                        <td>
                            <input id="Text33" type="text" />
                        </td>
                        <td>
                            合同号
                        </td>
                        <td>
                            <input id="Text34" type="text" />
                        </td>
                        <td colspan='4'>
                            <td>
                                记账人
                            </td>
                            <td>
                                <input id="Text2" type="text" style="width: 60px;" />
                            </td>
                            <td>
                                审核日
                            </td>
                            <td>
                                <input id="Text1" type="text" style="width: 100px;" />
                            </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="text-align: left; vertical-align: top">
                <table id="tt" cellpadding="0px" cellspacing="0px">
                </table>
            </td>
        </tr>
        <tr class="trHead">
            <td>
                <span class=" buttonLocation">
                    <input id="Button8" type="button" onclick="OpenOrClose();" style="background-image: url('/image/openORclose.png');
                        width: 16px; height: 16px;" />
                </span>添加存货
            </td>
        </tr>
        <tr>
            <td>
                <div class="AddCH" id="AddCH" style="display: block">
                    <table cellpadding="0px" cellspacing="0px" class="yclTable contentTable" id="tjchTabel">
                        <tr>
                            <td>
                                存货编码
                            </td>
                            <td>
                                <input id="Text11" type="text" />
                            </td>
                            <td>
                                单位
                            </td>
                            <td>
                                <input id="Text12" type="text" />
                            </td>
                            <td>
                                大类名称
                            </td>
                            <td>
                                <input id="Text13" type="text" />
                            </td>
                            <td>
                                数量
                            </td>
                            <td>
                                <input id="Text17" type="text" />
                            </td>
                            <td>
                                含税单价
                            </td>
                            <td>
                                <input id="Text15" type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                存货名称
                            </td>
                            <td>
                                <input id="Text16" type="text" />
                            </td>
                            <td>
                                 季节
                            </td>
                            <td>
                                <input id="Text27" type="text" />
                            </td>
                            <td>
                                大类集合
                            </td>
                            <td>
                                <input id="Text18" type="text" />
                            </td>
                            <td>
                                税额
                            </td>
                            <td>
                                <input id="Text22" type="text" />
                            </td>
                            <td>
                                去税单价
                            </td>
                            <td>
                                <input id="Text20" type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                颜色名称
                            </td>
                            <td>
                                <input id="Text21" type="text" />
                            </td>
                            <td>
                               
                            </td>
                            <td>
                               
                            </td>
                            <td>
                                关联商品名称
                            </td>
                            <td>
                                <input id="Text23" type="text" />
                            </td>
                            <td>
                                含税金额
                            </td>
                            <td>
                                <input id="Text14" type="text" />
                            </td>
                            <td>
                               
                            </td>
                            <td>
                               
                            </td>
                        </tr>
                        <tr>
                            <td>
                                颜色代码
                            </td>
                            <td>
                                <input id="Text26" type="text" />
                            </td>
                            <td>
                               
                            </td>
                            <td>
                               
                            </td>
                            <td>
                                关联商品代码
                            </td>
                            <td>
                                <input id="Text233" type="text" />
                            </td>
                            <td>
                                去税金额
                            </td>
                            <td>
                                <input id="Text19" type="text" />
                            </td>
                            <td>
                            </td>
                            <td>
                                <input id="Button6" type="button" value="保存" /> &nbsp;<input id="Button7" type="button"
                                    value="取消" />
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>

    <script>
        var dataTBHeight = 0;
        var isFirst = true;

        //        $(function() {
        //        $('#tt').datagrid('load', {
        //            height: 400
        //        });
        //        });

        $(function() {

            //表格高度自适应
            initDataHeight();
            tableHAutoSize();
            $(window).resize(function() {
                isFirst = false;
                tableHAutoSize();
            });

            //alert(dataTBHeight);

            $('#tt').datagrid({

                width: $(window).width,
                height: dataTBHeight,

                method: 'get',
                rownumbers: true,
                singleSelect: true,
                showFooter: true,
                //控制分页↓

 

                //控制分页↑
                loadMsg: "数据读取中......",
                url: 'datagrid_dataF.json',
                frozenColumns: [[
                        { field: 'itemid', title: '操作', width: 40, formatter: function(value, row, index) {
                            var edit = "";

                            var del = "<a style=\"cursor:pointer\" onclick=\"delRow(" + index + ")\"><img src=\"/image/cross.png\" alt=\"删除\" /></a>";
                            return edit + "" + del;

                        }
                        },

                       ]],
                columns: [[
                        { field: 'chbm', title: '存货编码', align: 'center', width: 100 },
                        { field: 'chmc', title: '存货名称', align: 'center', width: 100 },
                        { field: 'ysdm', title: '颜色代码', align: 'center', width: 100 },
                        { field: 'ysmc', title: '颜色名称', align: 'center', width: 100 },
                        { field: 'dw', title: '单位', align: 'center', width: 100 },
                        { field: 'sl', title: '数量', align: 'center', width: 100 },
                        { field: 'hsdj', title: '含税单价', align: 'center', width: 100 },
                        { field: 'hsje', title: '含税金额', align: 'center', width: 100 },
                        { field: 'qsdj', title: '去税单价', align: 'center', width: 100 },
                        { field: 'qsje', title: '去税金额', align: 'center', width: 100 },
                        { field: 'se', title: '税额', align: 'center', width: 100 },
                        { field: 'dlmc', title: '大类名称', align: 'center', width: 100 },
                        { field: 'jh', title: '集合', align: 'center', width: 100 },
                        { field: 'glspdm', title: '关联商品代码', align: 'center', width: 100 },
                        { field: 'glspmc', title: '关联商品名称', align: 'center', width: 100 },
                        { field: 'jj', title: '季节', align: 'center', width: 100 },
                        { field: 'js', title: '结算', align: 'center', width: 100 }
                       ]]
            });

        });

        function initDataHeight() {
            var winHeight = $(window).height();
            var dataHeight = winHeight - 40 - 120 - 145;
            dataTBHeight = dataHeight;
        }

        function tableHAutoSize() {

            var winHeight = $(window).height();

            $('#yclTable').height(winHeight - 40);
            if (!isFirst) {
                $('#tt').datagrid('resize', {
                    width: $(window).width() - 10
                });
            }
        }

        function OpenOrClose() {

            $('#AddCH').toggle();

            if ($('#AddCH').css("display") == "block") {
                dataTBHeight = dataTBHeight - $('#AddCH').height();
            } else {
                dataTBHeight = dataTBHeight + $('#AddCH').height();
            }
            resizeDataHeight(dataTBHeight);
        }

        function resizeDataHeight(h) {
            $('#tt').datagrid('resize', {
                width: $(window).width,
                height: h
            });
        }
    
    </script>

</asp:Content>

 

 

/*   主体表格   */

.yclTable
{
    width: 100%;
    height: 100%;
    border-left: solid 1px #c3c5c5;
    border-top: solid 1px #c3c5c5;
    margin:0px;
}

.yclTable td
{
    padding: 3px;
    border-right: solid 1px #c3c5c5;
    border-bottom: solid 1px #c3c5c5;
}

.yclTable .contentTable
{
    border-left: solid 1px #EAEBEB;
    border-top: solid 1px #EAEBEB;
}

.yclTable .contentTable td
{
    border-right: solid 1px #EAEBEB;
    border-bottom: solid 1px #EAEBEB;
}

 

/*   表头标题   */
.trHead
{
    background-color: #cae8ea;
}

.buttonLocation
{
    float: right;
}
.trHead_grey
{
    background-color: #F4F4F4;
}
.tdTitle
{
    background-color:#f5fafa;
}

   

/*   内容表格   */

 json

 

{"total":28,"rows":[
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"},
 {"chbm":"FI-SW-01","chmc":"布料","ysdm":"FI-SW-01","ysmc":"黑色","dw":".kg","sl":"200","hsdj":"12.9","hsje":"5002","qsdj":"500.6","qsje":"5990","se":"10.00","dlmc":"化纤","jh":"P","glspdm":"16.50","glspmc":"Large","jj":"春季","js":"10000.00"}],"footer":[
 {"itemid":"合计:","chbm":"合计","chmc":"","ysdm":"制单日:","ysmc":"2013.8.29","dw":"审核人:","sl":"王五","hsdj":"审核日:","hsje":"500009.00","qsdj":"记账人:","qsje":"Alice","se":"记账日:","dlmc":"2013.8.25"}]}