Extjs选中多行Grid提交

要实现的效果如图:可以选择多行grid然后提交给后台
1,Extjs中grid如何可以选择多行?
定义一个grid,将色了Type设置为多选即可
selType: 'checkboxmodel',
2,controller层代码:
StdEvaluationToPaper:function(btn,event){
var grid=Ext.getCmp('StudentEvaluationGrid');
var form=Ext.getCmp('StudentEvaluationForm');
var records=grid.getSelectionModel().getSelection();
var title = form.getForm().getValues()['title'];
var totalNum = form.getForm().getValues()['totalNum'];
if(isEmpty(title)){
Ext.MessageBox.alert('提示','请填写试卷名称');
return;//结束
}
if(isEmpty(totalNum)){
Ext.MessageBox.alert('提示','请输入试题量');
return;
}
if(records.length==0)
{
Ext.MessageBox.alert('提示','至少选择一个课程组');
return;
}
var params='';
for(var i=0;i<records.length;i++){
var modularCode=records[i].get('modularCode');
console.log('modularCode='+modularCode);
var param='modularCode='+modularCode+'&';
params+=param;
}
params+='title='+title+'&';
params+='totalNum='+totalNum+'&';
params=params.substring(0,params.length-1);//截取
document.location.href='testCenter.action?'+params;//保存文件
},
第二种方法:使用数组提交:
var modularCode = Array();
for(var i=0;i<records.length;i++){
modularCode.push(records[i].get('modularCode'));
}
var params='modularCode='+modularCode+'&';
params+='title='+title+'&';
params+='totalNum='+totalNum+'&';
params=params.substring(0,params.length-1);
Extjs中数组的使用:
var modularCode = Array();
for(var i=0;i<records.length;i++){
modularCode.push(records[i].get('modularCode'));
}
3,如何判断输入空值?
function isEmpty(value){
if(value==null || value == "" || value.trim() == ""){//trim()裁剪字符串两旁的空白符,保留中间空白符
return true;
}
return false;
};
Extjs选中多行Grid提交的更多相关文章
- GRID用法(取行、列值;定位选中某行等等)
Delphi Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值 cxGrid1DBTableView1.Controller.FocusedRowIndex 当前行号 cxGrid1DB ...
- jQuery easyUI的datagrid,如何在翻页以后仍能记录被选中的行
1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
- extjs gridpanel 操作行 得到选中行
extjs gridpanel 操作行 得到选中行的列 在Extjs 3.2.0上适合 var model = grid.getSelectionModel(); model.selectAll(); ...
- Silverlight获取DataGrid选中的行数据
注意触发的事件为:CurrentCellChanged后台代码: /// <summary> /// 获取datagrid当前选中的单元格数据 /// 如果绑定的数据源为实体的话默认选中的 ...
- FineUI 选中多行获取行ID
http://www.fineui.com/bbs/forum.php?mod=viewthread&tid=2506&page=1 /// <summary> ...
- jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据
//easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行://注意datagrid中需要配置idField属性,一般为数据的主键 $.ajax({ type: 'GET', ...
- WinForm DataGridView根据选中的行多删
private void btndel_Click(object sender, EventArgs e) { int count = 0; ...
- ALV判断修改后是否有不合法数据,有则选中错误行,高亮度显示。
alv数据表维护表时错误行需要高亮度显示 gt_index_rows TYPE lvc_t_row,"用以存放要选择行的内表 gs_index_rows TYPE lvc_s_row.&qu ...
- 【技巧】easyUI的datagrid,如何在翻页以后仍能记录被选中的行
easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行: 注意datagrid中需要配置idField属性,一般为数据的主键
随机推荐
- 500 OOPS: vsftpd: refusing to run with writable root inside chroot () 不能上传文件和文件夹
500 OOPS: vsftpd: refusing to run with writable root inside chroot () 问题的是因为用户的根目录可写,并且使用了chroot限制,而 ...
- sublime —— 强大的插件
1. 代码 自动补全与智能提示: All Autocomplete:Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 All Autocomplete 插件会搜索所 ...
- RabbitMq安装成功后执行命令报错(Error: unable to connect to node 'rabbit@DESKTOP-LPKSION': nodedown)
我们直接来看解决方案吧.首先打开服务,找到RabbitMq服务. 双击打开后选择登陆选项卡: 点选此账户,输入你计算机的登录名称.点击浏览: 在这里输入你的用户名,点检索: 这里的密码输入你电脑开机登 ...
- HTML <input>标签属性
- ROS-USB摄像头
前言:演示使用usb摄像头功能,推荐使用方法二. 首先要有一个usb摄像头,本次使用的是罗技(Logitech)摄像头. 一.使用软件库里的uvc-camera功能包 1.1 检查摄像头 lsusb ...
- 【hdu多校联考第二场】Odd Shops
Description 这道题的题意是这道难读,大概就是给你n个商店,每个商店的重量为i的商品用ai表示,对于任意商店的a数列都是相同的,重量的范围为[1,10] 求购买方案总数为奇数的重量一共有多少 ...
- G - And Then There Was One (约瑟夫环变形)
Description Let’s play a stone removing game. Initially, n stones are arranged on a circle and numbe ...
- Android 性能优化(8)网络优化( 4)Optimizing App-Initiated Network Use
Optimizing App-Initiated Network Use This lesson teaches you to Batch and Schedule Network Requests ...
- 312 Burst Balloons 戳气球
现有 n 个气球按顺序排成一排,每个气球上标有一个数字,这些数字用数组 nums 表示.现在要求你戳破所有的气球.每当你戳破一个气球 i 时,你可以获得 nums[left] * nums[i] * ...
- VB.NET 小程序 4
Public Class Form1 Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click ...