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 />
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>

        //        $(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