Extjs 之 getRowsValues 在GridPanel提交时的妙用

最新推荐文章于 2018-12-30 11:55:00 发布
最新推荐文章于 2018-12-30 11:55:00 发布
阅读量125 收藏
点赞数
文章标签： json
原文链接：http://www.cnblogs.com/qqhepp/articles/2001244.html
版权

需要将当前GridPanel中的数据传送到后台就需要用到getRowsValues方法.

先看方法原型:

    getRowsValues : function (selectedOnly, visibleOnly, dirtyOnly, currentPageOnly) {
        this.stopEditing(false);
       
        if (Ext.isEmpty(selectedOnly)) {
            selectedOnly = true;
        }

字面意思已经很明显，不需要多说每个参数的功能

看看前台标记代码:

<ext:Window runat="server" ID="winDlgAdd" Title="费用结报表-添加" CloseAction="Hide" Minimizable="false"
        Modal="true" CenterOnLoad="true" Frame="true" Width="400" MinWidth="400" Height="400"
        MinHeight="300" Maximizable="true" BufferResize="false" ShowOnLoad="false" AnimateTarget="btnAdd"
        AutoScroll="true">
        <Body>
            <ext:Panel ID="Panel2" runat="server" BodyStyle="padding:2px 2px 15px 2px;" Title="基本信息"
                Collapsible="true" Border="false" BodyBorder="false">
                <Body>
                    <ext:Panel ID="Panel3" runat="server" BodyBorder="false">
                        <Body>
                            <ext:ColumnLayout ID="ColumnLayout1" runat="server">
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel ID="Panel4" runat="server" Border="false" Header="false" BodyBorder="false"
                                        Width="150px">
                                        <Body>
                                            <ext:FormLayout ID="FormLayout1" runat="server" LabelAlign="Left" LabelWidth="50">
                                                <Anchors>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblSn" FieldLabel="单据号">
                                                        </ext:Label>
                                                    </ext:Anchor>
                                                    <ext:Anchor>
                                                        <ext:ComboBox runat="server" ID="txtTheMonth" AllowBlank="false" EmptyText="请选择月份"
                                                            FieldLabel="月份" BlankText="请选择月份" Editable="false" Width="90">
                                                            <AjaxEvents>
                                                                <Select OnEvent="GetNewSN" />
                                                            </AjaxEvents>
                                                        </ext:ComboBox>
                                                    </ext:Anchor>
                                                    <ext:Anchor>
                                                        <ext:Label runat="server" FieldLabel="日期" ID="lblFillDate"></ext:Label>
                                                    </ext:Anchor>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblArea" FieldLabel="区域" Text="某某办事处" />
                                                    </ext:Anchor>
                                                </Anchors>
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel ID="Panel5" runat="server" Border="false" Header="false" BodyBorder="false"
                                        Width="150px">
                                        <Body>
                                            <ext:FormLayout ID="FormLayout2" runat="server" LabelAlign="Left" LabelWidth="30">
                                                <Anchors>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblStatu" FieldLabel="状态" Text="起草中" />
                                                    </ext:Anchor>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblAuthor" FieldLabel="报账" Text="张三" />
                                                    </ext:Anchor>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblFirstCheckUser" FieldLabel="初审" Text="暂无" />
                                                    </ext:Anchor>
                                                    <ext:Anchor Horizontal="95%">
                                                        <ext:Label runat="server" ID="lblSecondCheckUser" FieldLabel="复审" Text="暂无" />
                                                    </ext:Anchor>
                                                </Anchors>
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                            </ext:ColumnLayout>
                        </Body>
                    </ext:Panel>
                    <ext:Panel ID="Panel6" runat="server" Border="false" BodyBorder="false">
                        <Body>
                            <ext:FormLayout ID="FormLayout3" runat="server" LabelAlign="Left" LabelWidth="50">
                                <Anchors>
                                    <ext:Anchor Horizontal="100%">
                                        <ext:TextArea runat="server" ID="txtNotes" EmptyText="备注信息" FieldLabel="备注" />
                                    </ext:Anchor>
                                </Anchors>
                            </ext:FormLayout>
                        </Body>
                    </ext:Panel>
                </Body>
            </ext:Panel>
            <ext:GridPanel runat="server" Title="详细信息" AutoScroll="true" TrackMouseOver="true"
                ID="gpFeeDetails" StoreID="storeFeeDetail" Collapsible="true" AutoHeight="true"
                AutoExpandColumn="FeeClassTitle" ClicksToEdit="1" StripeRows="true" Border="false"
                BodyBorder="true">
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:RowNumbererColumn />
                        <ext:GroupingSummaryColumn DataIndex="FeeClassTitle" ColumnID="FeeClassTitle" Header="费用类别"
                            Width="1" MenuDisabled="true">
                        </ext:GroupingSummaryColumn>
                        <ext:GroupingSummaryColumn DataIndex="FeeTypeTitle" ColumnID="FeeTypeTitle" Header="费用项目"
                            MenuDisabled="true" SummaryType="Count" Width="160" Resizable="false">
                            <SummaryRenderer Handler="return ((value === 0 || value > 1) ? '(共' + value +' 项)合计' : '(共1项)合计');" />
                        </ext:GroupingSummaryColumn>
                        <ext:GroupingSummaryColumn DataIndex="Amount" ColumnID="Amount" Header="本月发生" MenuDisabled="true"
                            SummaryType="Sum" Width="100" Resizable="false">
                            <SummaryRenderer Handler="return ('￥'+value);" />
                            <Editor>
                                <ext:NumberField ID="NumberField1" runat="server" DecimalPrecision="2" AllowBlank="false"
                                    AllowDecimals="true" AllowNegative="false" StyleSpec="text-align:left" />
                            </Editor>
                        </ext:GroupingSummaryColumn>
                    </Columns>
                </ColumnModel>
                <View>
                    <ext:GroupingView ID="GroupingView1" runat="server" ForceFit="true" MarkDirty="false"
                        ShowGroupName="false" EnableNoGroups="true" HideGroupedColumn="true" />
                </View>
                <SelectionModel>
                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
                </SelectionModel>
                <Plugins>
                    <ext:GroupingSummary ID="GroupingSummary1" runat="server" />
                </Plugins>
                <BottomBar>
                    <ext:StatusBar ID="StatusBar1" runat="server">
                        <Items>
                            <ext:Label ID="Label1" runat="server" Text="金额单位:元" Icon="MoneyYen" />
                        </Items>
                    </ext:StatusBar>
                </BottomBar>
            </ext:GridPanel>
        </Body>
        <Buttons>
            <ext:Button runat="server" ID="btnAddSave" Text="暂存">
                <AjaxEvents>
                    <Click OnEvent="FeeSave">
                    <EventMask Msg="正在保存..." ShowMask="true" MinDelay="200" />
                        <ExtraParams>
                            <ext:Parameter Name="Values" Value="Ext.encode(#{gpFeeDetails}.getRowsValues(false))" Mode="Raw" />
                        </ExtraParams>
                    </Click>
                </AjaxEvents>
                <ToolTips>
                    <ext:ToolTip runat="server" Title="暂时保存，暂不提交给上级审核">
                    </ext:ToolTip>
                </ToolTips>
            </ext:Button>
            <ext:Button runat="server" ID="btnAddAccept" Text="提交">
                <AjaxEvents>
                    <Click OnEvent="Send">
                        <Confirmation ConfirmRequest="true" Title="确认提交吗?" Message="提交后将不可修改，确认数据无误并提交审核吗？"/>
                        <EventMask Msg="提交中,请稍后..." MinDelay="200" ShowMask="true"/>
                    </Click>
                   
                </AjaxEvents>
                <ToolTips>
                    <ext:ToolTip runat="server" Title="提交给上级进行审核,提交后将不能进行修改">
                    </ext:ToolTip>
                </ToolTips>
            </ext:Button>
            <ext:Button runat="server" ID="btnAddReset" Text="清空">
                <ToolTips>
                    <ext:ToolTip runat="server" Title="清空当前输入">
                    </ext:ToolTip>
                </ToolTips>
            </ext:Button>
            <ext:Button runat="server" ID="btnAddCancel" Text="取消">
                <Listeners>
                    <Click Handler="winDlgAdd.hide()" />
                </Listeners>
            </ext:Button>
        </Buttons>
        <LoadMask ShowMask="true" Msg="加载中..." />
    </ext:Window>

没时间整理，看红色处关键代码

后台代码奉上:

protected void FeeSave(object sender, AjaxEventArgs e)
    {
     
        string json = e.ExtraParams["Values"];
        if (String.IsNullOrEmpty(json))
        {
            this.ScriptManager1.AddScript("Ext.Msg.alert('提示', '没有费用明细信息,保存失败!');");
            return;
        }
       
        List<FeeModel> _list = JSON.Deserialize<List<FeeModel>>(json);

        //此_list包含了GridPanel中的所有数据
    }

转载出处:guog 2010-07-13 龙宜坡 http://hi.baidu.com/goga



转载于:https://www.cnblogs.com/qqhepp/articles/2001244.html

weixin_30378623
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ExtJs中gridpanel分组后组名排序实例代码
10-26
主要介绍了ExtJs中gridpanel分组后组名排序实例代码，有需要的朋友可以参考一下
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
10-26
主要介绍了Extjs4实现两个GridPanel之间数据拖拽功能具体方法，有需要的朋友可以参考一下
gridPanel事件--初学ext.net框架
810364804
04-24 128
http://blog.csdn.net/alisa525/article/details/8081092 1、行双击事件 首先设置选择方式为RowSelectionModel单行选中 [html] view plaincopyprint? &lt;SelectionModel&gt; &lt;ext:RowSelectionModelID="RowSelection...
Coolite js window 调用控件！ &取得gridPanel.getRowsValues(); JSON的第一个值
livening的专栏
04-15 2102
    var positionWin = new parent.window.Ext.Window({              id:"positionWin",              width: 600,              modal:true,              height: 400,              title:  record.data.PP_Na
Ext:GirdPanel获取表内指定行数据方法
qq178582223的专栏
05-19 496
前台代码 在要某控件提交事件的标签内，添加如下代码： DirectEvents>     Click OnEvent="btn_Click">          ExtraParams>            ext:Parameter Name="Values"Value="Ext.encode(#{GirdPanel1}.getRowsValues({selectedOnly:f
GetRows的用法详解
guoyiqi
04-30 697
NextRecordset 和 GetRows 大家可能用的很少！最近使用使用，不错的好东东！对提高批量查询，查询纪录集不是巨海量的情况很有效果NextRecordset 和 GetRows 是Recordset的两个属性（属性还是方法我是常混淆是非#$#$，弄不清四下五除一） GetRows ---&gt; 将recordset记录集提取到一个二维数组中，我们对recordset数...
Extjs gridpanel 出现横向滚动条问题的解决方法
10-28
Extjs gridpanel 出现横向滚动条问题的解决方法，在gridpanel中加入以下代码即可。
ExtJs设置GridPanel表格文本垂直居中示例
10-27
本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中，具体实现代码及截图如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
Extjs4 GridPanel 的几种样式使用介绍
10-27
接下来为大家介绍下GridPanel的几种样式及选择模式分类介绍，感兴趣的朋友可以参考下哈
ext.net 2.5 导出excel的用法
mmy1210的专栏
07-14 1801
前台页面的导入，导出
Ext.net获取选中行数据
weixin_30561177的博客
12-30 138
两种方法 1、直接返回对象列表 <DirectEvents> <Click> <ExtraParams> <ext:Prameter Name="Values" Value="Ext.encode({#GridPanelName}.getRowsValues({se...
Ext.grid.EditorGridPanel的使用、修改记录的获取及提交
z363115269的专栏
05-30 1302
可编辑表格面板EditorGridPanel                                 Ext.onReady(function(){     Ext.BLANK_IMAGE_URL ='../../extjs2.0/resources/images/default/s.gif';    Ext.QuickTips.init();     Ext.form
ext.net 2.5 导出excel的使用方法
weixin_33762321的博客
07-11 130
前台页面的导入，导出 &lt;ext:FileUploadField ID="FileUploadField_Import" runat="server" ButtonOnly="true" ButtonText="导入" Icon="PackageIn"&gt; &lt;DirectEvents&
Grid视图---Ext.grid.GridView基本方法
wxzauh的专栏
11-30 273
Ext.grid.GridView 中常用的方法不多，但有些方法特别有用，下面是Ext.grid.GridView 最重要的方法： ² getRows()：返回所有的行，这些行不是Extjs 的封装类对象，而是TR 元素对象， 只能通过dom访问他的属性； ² getRow(row)：返回指定的行，不是Extjs的封装类对象，而是TR元素对象，只能 通过dom访问他的属性； ² get...
Ext.net1.0之GridPanel数据导出Excel
zhangsir199的专栏
09-12 3411
本文是对官方DEMO的一点补充：http://examples.ext.net/#/GridPanel/Miscellaneous/Export_Data_PostBack/   在demo的excel导出中，有个明显的缺点就是导出了store中所有的数据，并且不包含gridpanel的header，header部分为store的field的name属性，这样的导出数据可读性太差。   在
[ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置...
weixin_30721899的博客
09-29 111
本文地址：http://blog.csdn.net/sushengmiyan/article/details/39667533官方文档:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.Store-method-getFilters本文作者：sushengmiyan--------------------------------...
写一个extjs gridpanel 单元格合并
最新发布
05-31
在上述代码中，我们创建了一个包含三列的 GridPanel，并使用 Ext.grid.feature.Grouping 插件进行了单元格合并。我们使用 groupHeaderTpl 属性来指定分组的标题，hideGroupedHeader 属性来隐藏已分组的列的标题，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值