EXT.NET(二十五)综合布局

最新推荐文章于 2019-07-11 10:18:47 发布
最新推荐文章于 2019-07-11 10:18:47 发布
阅读量151 收藏
点赞数
文章标签： xhtml c# javascript ViewUI

先上图吧：

代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ZeQuoteDetail.aspx.cs" Inherits="ERP_EXT_ZeQuoteDetail" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> var template = '<span style="color:{0};">{1}</span>'; var change = function (value) { return String.format(template, (value > 0) ? 'green' : 'red', value); } var pctChange = function (value) { return String.format(template, (value > 0) ? 'green' : 'red', value*100 + '%'); } var exportData = function (format) { var store = GridPanel1.store; store.directEventConfig.isUpload = true; var records = store.reader.readRecords(store.proxy.data).records, values = []; for (i = 0; i < records.length; i++) { var obj = {}, dataR; if (store.reader.meta.id) { obj[store.reader.meta.id] = records[i].id; } dataR = Ext.apply(obj, records[i].data); if (!Ext.isEmptyObj(dataR)) { values.push(dataR); } } store.submitData(values); store.directEventConfig.isUpload = false; }; </script> </head> <body> <form id="form1" runat="server"> <ext:ResourceManager ID="ResourceManager1" runat="server"> </ext:ResourceManager> <ext:Store ID="Store1" runat="server" OnRefreshData="Store1_RefreshData" OnSubmitData="Store1_Submit"> <Reader> <ext:JsonReader> <Fields> <ext:RecordField Name="报价日期" Type="Date" /> <ext:RecordField Name="报价单号" Type="String" /> <ext:RecordField Name="客户编码" Type="String" /> <ext:RecordField Name="客户简称" Type="String"/> <ext:RecordField Name="品名" Type="String"/> <ext:RecordField Name="型号" Type="String"/> <ext:RecordField Name="区域" Type="String"/> <ext:RecordField Name="销货类型" Type="String"/> <ext:RecordField Name="兑换率" Type="Float"/> <ext:RecordField Name="劳工成本" Type="Float"/> <ext:RecordField Name="利润率" Type="Float"/> <ext:RecordField Name="税率" Type="Float" /> <ext:RecordField Name="损耗率" Type="Float" /> <ext:RecordField Name="产品属性" Type="String"/> <ext:RecordField Name="业务员" Type="String"/> <ext:RecordField Name="5K" Type="Float" /> <ext:RecordField Name="3K" Type="Float" /> <ext:RecordField Name="1K" Type="Float"/> <ext:RecordField Name="销售备注" Type="String" /> <ext:RecordField Name="采购备注" Type="String" /> <ext:RecordField Name="开发备注" Type="String" /> <ext:RecordField Name="财务备注" Type="String" /> <ext:RecordField Name="币别" Type="String" /> </Fields> </ext:JsonReader> </Reader> </ext:Store> <ext:Store ID="Store2" runat="server" > <Reader> <ext:JsonReader> <Fields> <ext:RecordField Name="MA001" /> <ext:RecordField Name="MA002" /> <ext:RecordField Name="MA003" /> </Fields> </ext:JsonReader> </Reader> </ext:Store> <ext:Store ID="Store3" runat="server" > <Reader> <ext:JsonReader> <Fields> <ext:RecordField Name="UserName" /> <ext:RecordField Name="UserId" /> </Fields> </ext:JsonReader> </Reader> </ext:Store> <ext:Panel ID="Panel3" runat="server" Height="600" Title="报价样品明细信息" Border="false" Icon="Application"> <TopBar> <ext:Toolbar ID="Toolbar1" runat="server"> <Items> <ext:Button ID="btnxls" runat="server" Text="导出" Icon="PageExcel"> <Listeners> <Click Handler="exportData('xls');" /> </Listeners> </ext:Button> <ext:Button ID="btnrefresh" runat="server" Text="刷新" Icon="ArrowRefresh"> <Listeners> <Click Handler="location.reload();" /> </Listeners> </ext:Button> <ext:ToolbarFill ID="ToolbarFill1" runat="server" /> </Items> </ext:Toolbar> </TopBar> <Items> <ext:FieldSet ID="FieldSet1" runat="server" Title="过滤条件" Collapsible="true" Layout="ColumnLayout" > <Items> <ext:Panel ID="Panel1" runat="server" LabelWidth="100" Border ="false" Header ="false" Layout="FormLayout" ColumnWidth=".40" LabelAlign="Right" Height="105"> <Items> <ext:ComboBox ID="cbxtype" runat="server" FieldLabel="报价类型" EmptyText="--请选择--" BlankText="--请选择--" AllowBlank="false" Width="150" > <Items > <ext:ListItem Text="正式报价" Value ="QT" /> <ext:ListItem Text="估价" Value ="GT"/> </Items> </ext:ComboBox> <ext:TextField ID="txtQuotationCode" runat ="server" FieldLabel="报价/估计单编号" Width="150"></ext:TextField> <ext:ComboBox ID="cbxDescription" runat="server" FieldLabel="品名" EmptyText="--请选择品名--" Width="150"> <Items > <ext:ListItem Text="LCD" /> <ext:ListItem Text="LCD+BL" /> <ext:ListItem Text="LCM" /> <ext:ListItem Text="TFT" /> <ext:ListItem Text="BL" /> <ext:ListItem Text="其他" /> </Items> <Triggers> <ext:FieldTrigger Icon="Clear" Qtip="移除选项" /> </Triggers> <Listeners> <TriggerClick Handler="this.removeByValue(this.getValue());this.clearValue();" /> </Listeners> </ext:ComboBox> <ext:ComboBox ID="cbxqy" runat ="server" FieldLabel="区域" EmptyText="--请选择区域--" Editable="false" Width="150" > <Items > <ext:ListItem Text="国内" /> <ext:ListItem Text="AZ" /> <ext:ListItem Text="NAZ" /> <ext:ListItem Text="AZ-0004" /> </Items> <Triggers> <ext:FieldTrigger Icon="Clear" Qtip="移除选项" /> </Triggers> <Listeners> <TriggerClick Handler="this.removeByValue(this.getValue());this.clearValue();" /> </Listeners> </ext:ComboBox> </Items> </ext:Panel> <ext:Panel ID="Panel2" runat="server" LabelWidth="80" Border ="false" Header ="false" Layout="FormLayout" ColumnWidth=".60" LabelAlign="Right" Height="105"> <Items> <ext:CompositeField ID="MultiField1" runat="server" FieldLabel=" 客户编码"> <Items> <ext:TextField ID="txtClient" runat ="server" FieldLabel="客户编码" Width="100" EmptyText="--客户编码--" BlankText="请输入客户编码" ></ext:TextField> <ext:TextField ID="txtclientdes" runat ="server" FieldLabel="客户简称" Width="150" Disabled="true"></ext:TextField> <ext:Button ID="btnQuery" runat="server" Text="" Icon="Find" Width="30" > <Listeners> <Click Handler="WinQuery.show();" /> </Listeners> </ext:Button> </Items> </ext:CompositeField> <ext:ComboBox ID="cbxsalesman" runat="server" FieldLabel="业务员" Width="150" DisplayField="UserName" ValueField="UserId" StoreID="Store3"> <Triggers> <ext:FieldTrigger Icon="Clear" Qtip="移除选项" /> </Triggers> <Listeners> <TriggerClick Handler="this.removeByValue(this.getValue());this.clearValue();" /> </Listeners> </ext:ComboBox> <ext:DateField ID="dfstartdate" runat="server" FieldLabel="报价日期" Width="150" AllowBlank="false"></ext:DateField> <ext:CompositeField ID="CompositeField1" runat="server" FieldLabel=" 至日期"> <Items> <ext:DateField ID="dfenddate" runat="server" FieldLabel="至日期" Width="150" AllowBlank="false"></ext:DateField> <ext:Button ID="btnsubmit" runat="server" Icon="Zoom" Text="查询"> <DirectEvents> <Click OnEvent="Query"> <EventMask ShowMask="true" Msg="正在提交数据，请稍候..." MinDelay="1000"/> </Click> </DirectEvents> </ext:Button> </Items> </ext:CompositeField> </Items> </ext:Panel> </Items> </ext:FieldSet> <ext:GridPanel ID="GridPanel1" runat="server" StoreID="Store1" Height="400" StripeRows="true" AutoExpandColumn="销售备注"> <ColumnModel ID="ColumnModel1" runat="server"> <Columns> <ext:RowNumbererColumn Locked="true" /> <ext:Column Header="报价日期" DataIndex="报价日期" Width="80" > <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d ')" /> </ext:Column> <ext:Column Header="报价单号" DataIndex="报价单号" Width="120" Locked="true" > </ext:Column> <ext:Column Header="客户编码" DataIndex="客户编码" Width="80" Locked="true" > </ext:Column> <ext:Column Header="客户简称" DataIndex="客户简称" Width="100" > </ext:Column> <ext:Column Header="品名" DataIndex="品名" Width="60" > </ext:Column> <ext:Column Header="型号" DataIndex="型号" Width="100" > </ext:Column> <ext:Column Header="区域" DataIndex="区域" Width="40" > </ext:Column> <ext:Column Header="销货类型" DataIndex="销货类型" Width="100" > </ext:Column> <ext:Column Header="劳工" DataIndex="劳工成本" Width="40" Hidden="true"> <Renderer Fn="change"/> </ext:Column> <ext:Column Header="利润" DataIndex="利润率" Width="40" Hidden="true"> <Renderer Fn="pctChange"/> </ext:Column> <ext:Column Header="税率" DataIndex="税率" Width="40" Hidden="true"> <Renderer Fn="pctChange"/> </ext:Column> <ext:Column Header="损耗" DataIndex="损耗率" Width="40" Hidden="true"> <Renderer Fn="pctChange"/> </ext:Column> <ext:Column Header="产品属性" DataIndex="产品属性" Width="60" Hidden="true"> </ext:Column> <ext:Column Header="1K" DataIndex="1K" Width="60" > <Renderer Fn="change"/> </ext:Column> <ext:Column Header="3K" DataIndex="3K" Width="60" > <Renderer Fn="change"/> </ext:Column> <ext:Column Header="5K" DataIndex="5K" Width="60" > <Renderer Fn="change"/> </ext:Column> <ext:Column Header="销售备注" DataIndex="销售备注" Width="100" > </ext:Column> <ext:Column Header="采购备注" DataIndex="采购备注" Width="100" > </ext:Column> <ext:Column Header="开发备注" DataIndex="开发备注" Width="100" > </ext:Column> <ext:Column Header="业务员" DataIndex="业务员" Width="60" > </ext:Column> </Columns> </ColumnModel> <SelectionModel> <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" /> </SelectionModel> <LoadMask ShowMask="true" /> <Plugins> <ext:GridFilters runat="server" ID="GridFilters1" Local="true"> <Filters> <ext:StringFilter DataIndex="报价单号" /> <ext:StringFilter DataIndex="客户编码" /> </Filters> </ext:GridFilters> </Plugins> <%-- <BottomBar> <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="200" StoreID="Store1" > <Items> <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" /> <ext:Button ID="Button1" runat="server" Text=""> <DirectEvents> <Click OnEvent="SetFilter" /> </DirectEvents> </ext:Button> </Items> </ext:PagingToolbar> </BottomBar>--%> <View> <ext:LockingGridView ID="LockingGridView1" runat="server" /> </View> </ext:GridPanel> </Items> </ext:Panel> <ext:Window ID="WinQuery" runat="server" Collapsible="true" Height="330" Icon="Application" Title="客户基本信息" Width="420" Hidden="true" > <Items> <ext:GridPanel id="GridPanelClient" runat="server" StoreID="Store2" Width="400" Height="300" StripeRows="true" AutoExpandColumn="MA003"> <TopBar> <ext:Toolbar ID="Toolbar2" runat="server"> <Items> <ext:ComboBox ID="cbxcondition" runat ="server" FieldLabel="过滤" LabelWidth="40" Width ="100"> <Items > <ext:ListItem Text="客户编码" /> <ext:ListItem Text="客户简称" /> <ext:ListItem Text="客户全称" /> </Items> </ext:ComboBox> <ext:TextField ID="txtcondition" runat ="server" Width ="180"></ext:TextField> <ext:Button ID="btnSelect" runat="server" Icon="Accept" Text="查询"> <DirectEvents> <Click OnEvent="Select"> <EventMask ShowMask="true" Msg="正在提交数据，请稍候..." MinDelay="500"/> </Click> </DirectEvents> </ext:Button> </Items> </ext:Toolbar> </TopBar> <ColumnModel ID="ColumnModel2" runat="server"> <Columns> <ext:RowNumbererColumn /> <ext:Column Header="客户编码" DataIndex="MA001" Width="100"/> <ext:Column Header="客户简称" DataIndex="MA002" Width="80"/> <ext:Column Header="客户全称" DataIndex="MA003" Width="80"/> </Columns> </ColumnModel> <SelectionModel> <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" /> </SelectionModel> <DirectEvents> <Click OnEvent="SubmitSelection"> <ExtraParams> <ext:Parameter Name="Values" Value="Ext.encode(#{GridPanelClient}.getRowsValues({selectedOnly:true}))" Mode="Raw" /> </ExtraParams> <EventMask ShowMask="true" Msg="数据正在生成，请稍候..." MinDelay="100"/> </Click> </DirectEvents> <LoadMask ShowMask="true" /> <BottomBar> <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="10" StoreID="Store1" /> </BottomBar> </ext:GridPanel> </Items> </ext:Window> </form> </body> </html>
iteye_4537
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EXT.NET登录界面布局
10-09
非常简洁漂亮的EXT.NET登录界面布局
Ext.NET-布局
Guog
05-12 1043
前一篇介绍了Ext.NET基础知识，并对Ext.NET的布局进行了简要的说明，本文中我们用一个完整的示例代码来看看Ext.NET的布局。
EXT.NET复杂布局（四）——系统首页设计（上）
weixin_33755847的博客
12-30 147
很久没有发帖了，很是惭愧，因此给各位使用EXT.NET的朋友献上一份礼物。 本篇主要讲述页面设计与效果，下篇将讲述编码并提供源码下载。 系统首页设计往往是个难点，因为往往要考虑以下因素： 重要通知 系统功能菜单 快捷操作 日常维护工作（比如待办事项、已办事项等等） 用户信息（比如公司、部门、组织机构） 系统信息（意见反馈、帮助等） 联系沟通 等等 又要兼顾美观得体（丑...
第五课,Extjs中面板布局的应用
weixin_34365635的博客
06-03 106
目标： 介绍Panel布局的各种类 Panel布局类在VS中的介绍 内容： Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局 1，Ext.layout.ContainerLayout 容器布局 提供容器作为布局的基础逻辑，通常会被扩展而不通过ne...
EXT.NET(十三)CompositeField 综合布局
数据库天地
11-10 229
资料来自官方网站: &lt;%@ Page Language="C#" %&gt; &lt;%@ Import Namespace="System.Collections.Generic"%&gt; &lt;%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %&
Ext.Net项目
12-08
Ext.Net项目是一个基于.NET框架和JavaScript库Ext JS的Web开发框架。这个项目源码提供了一个完整的实例，适合初学者深入理解和学习Ext.Net的使用。它包括了完整的项目结构、源代码以及相关的数据库，使得开发者可以...
ASP.NET与EXT实现动感后台管理界面
12-24
总之，"ASP.NET与EXT实现动感后台管理界面"是一个综合性的课题，涵盖了后端服务的开发、前端界面的设计以及两者间的通信。掌握这些技术，可以帮助开发者创建出高效、美观且易用的后台管理系统，提升工作效率，同时也...
Oracle,Asp.Net,Ext相关项目源代码
06-22
标题中的“Oracle, Asp.Net, Ext相关项目源代码”表明这是一个综合了三种技术的项目。Oracle是全球知名的关系型数据库管理系统，Asp.Net是微软公司开发的一种用于构建Web应用程序的框架，而Ext则通常指的是Ext JS，...
ext实例综合
04-17
综上所述，"EXT实例综合"的学习资源将带你深入理解EXT 2.0.2在ASP.NET环境下的使用，包括组件、布局、数据绑定、事件处理等多个方面，是提升JavaScript开发技能和构建高效Web应用的重要参考资料。通过学习和实践这些...
extjs+asp.net后台管理系统页面
06-25
总的来说，"extjs+asp.net后台管理系统页面"是一个综合运用前端和后端技术的实例，它结合了ExtJS的强大UI能力和ASP.NET的服务器端功能，为开发者提供了一个高效、易用的后台管理解决方案。通过学习和实践此类项目，...
ext.net比较大的例子
05-09
ext.net比较大的例子，包含了很多知识点。布局，事件，基础，js 等都有涉及到。我觉得随着网速的提高，大家更倾向于web应用程序，而web开发为类似window应用程序界面，便更会受到欢迎。我力挺ext.net
Ext.Net 布局
HelloLWei的专栏
03-01 1628
Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局       1，Ext.layout.ContainerLayout 容器布局       提供容器作为布局的基础逻辑，通常会被扩展而不通过new 关键字直接创建，一般作为默认布局存在           2，Ext.layout.FitLayout 自适应布局
EXT.NET(六)Panel 布局
数据库天地
11-09 198
我经常用到HTML中的表格，如果在EXT.NET 刚开始还真不知道怎么搞？ 群里的APP CAI教我用PANEL 表示感谢！ &lt;ext:Window ID="Window1" runat="server" Collapsible="true" Height="300" Icon="ApplicationEdit" Title="录入报价单基本信息"
[King.yue]Ext.net 页面布局Flex
a5622236的博客
05-14 117
此属性仅当父布局HboxLayout或使用VboxLayout。此配置选项被应用到子项目容器管理的布局。每个子项目以Flex属性被弯曲的水平根据每个项目的相对弹性值比较,都带有一个弯曲值指定项目金额。任何子项有一个Flex=0或=未定义Flex不会“弯曲”（初始尺寸不会改变）。 转载于:https://www.cnblogs.com/teamate/p/3727847.html...
EXT.NET应用例子，上传和下载图片及与数据库的交互
czf2505的专栏
11-08 932
http://www.cnblogs.com/liuning8023/category/314933.html
Ext.Net 1.x_Ext.Net.GridPanel之模拟2.x列汇总
德仔
09-06 2280
这些天在群里混：看到网友的效果：列汇总 如何实现呢？  写个JS统计 function GridSum() { var grid = Ext.getCmp('GpItem'); var sumPrice = 0.00; var record = grid.record;
Ext.Net 1.x_Ext.Net.皮肤切换
德仔
06-19 4501
JavaScript: var setTheme = function () { Ext.net.DirectMethods.GetThemeUrl(cbTheme.getValue(), { success: function (result) { Ext.net.Re
ext.net 开发学习——常用布局（八）
weixin_30814329的博客
07-11 130
Ext.Net 官网Demo 有几种布局http://examples.ext.net/ 因需求不同，布局也同样多种多样，现整理部分常用的布局+源码 源码： <form id="form1" runat="server"> <ext:ResourceManager ID="RMEmployeeInfos" runat="server" /> ...
Ext.net中Combobox如何绑定数据库中的值-通用方法
weixin_33698043的博客
06-18 132
  今天在项目中再次碰到了问题，就是Combobox中的值如果是直接绑定很简单。简单添加项就行了。代码如下： &lt;ext:ComboBox ID="ComBox_Sex" runat="server" FieldLabel="性别" Width="250" EmptyText="请选择性别..." &gt; &lt;Items&gt;
Ext.Net控件基础教程：布局、事件与数据库交互
本文档主要介绍了EXT.NET框架中的一些基础控件及其使用方法，包括布局管理、事件处理、Grid的绑定与操作以及表单和DatePicker控件的应用。 EXT.NET是一个基于.NET Framework的开源JavaScript库，它扩展了Sencha Ext...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值