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="保存" /> <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"}]}
