Extjs知识点汇总
2024-09-07 13:34:34
自定义渲染单元格内容
{
name:"device.flag",
header: '确认',
dataIndex: 'flag',
width:50,
renderer: function(value, cellmeta, record, rowIndex, columnIndex, store){
if(value == '1'){
return "<input id='flag12' name='flag' type='checkbox' onclick='javascript:changeme(this,"+rowIndex+","+columnIndex+")' checked=true>";
}
return "<input id='flag1' name='flag' onclick='javascript:changeme(this,"+rowIndex+","+columnIndex+")' type='checkbox' >";
}
}
获取单元格内容的值
function changeme(obj,rowIndex, columnIndex){
console.log(rowIndex+"changeme1:"+obj.checked+columnIndex);
var store = Ext.getCmp("grid_ly").getStore();
var record = store.getAt(rowIndex);
console.log(rowIndex+"record:"+record.data.flag);
if(obj.checked){
record.data.flag="1";
}else{
record.data.flag="0";
}
}
遍历表格数据改变行背景色
resultGrid.getStore().on('load',function(s,records){
var girdcount=0;
s.each(function(r){
if(r.get('QRQK')=='待确认'){
resultGrid.getView().getRow(girdcount).style.backgroundColor='#FFE4E1';
}else{
resultGrid.getView().getRow(girdcount).style.backgroundColor='#C1FFC1';
}
girdcount=girdcount+1;
});
});
弹出密码确认框，输入登录密码进行确认
function confirmPwd(){
var pwd_txt = new Ext.form.TextField({
id:'passwd',
width:300,
inputType: 'password',
fieldLabel:'密码验证'
});
var winPWD = [];
winPWD.push(pwd_txt);
var distwin = new Ext.Window({
title: '登陆验证',
id:'pwdWin',
width: 420,
height: 120,
closable: false,
closeAction: 'hide',
resizable: false,
layout:'border',
modal:true,
items:[
new Ext.FormPanel({
id: 'pwdForm',
labelAlign: "right",
labelSeparator: '：',
layout: "form",
labelWidth: 80,
region: 'center',
frame: true,
width: 'auto',
borderStyle: '0px',
items: winPWD
})
],
buttons: [{
id: 'saveBtn',
text: '保存',
handler:function(){
var winForm = Ext.getCmp("pwdForm");
if(winForm.form.isValid()){
var url = '/itsm/changeinfo/changePassAction!checkPassword.action';
var pwd_input= jQuery("#passwd").val();
$j.ajax({
url:url,
cache:false,
data:{
password: pwd_input
},
type:'post',
success:function(a){
var data = eval('('+a+')');
console.log(data);
if(data.code == 200){
distwin.close();
document.getElementById("confirmForm").submit();
} else {
Ext.Msg.alert("提示","输入的密码错误,无法进行下一步操作!");
}
}
});
}
}
},{
text: '取消',
handler: function() {
distwin.close();
return false;
}
}]
});
distwin.show();
return false;
}
为指定id的组件设置值
Ext.getCmp("poolId<%=s%>").setValue('${param.poolId}');
获取grid中选中的行及行内属性的值
{
text: '删除行',
iconCls:'remove',
handler: function() {
var selectRows = sm_cg.getSelections();
if (selectRows.length) {
Ext.Msg.confirm('信息', '确定要删除？',
function(btn) {
if (btn == 'yes') {
for (x in selectRows) {
if(selectRows[x].data.id != ""){
}else{
jsonstore_cg.remove(selectRows[x]);
}
}
grid_cg.getView().refresh();
}
});
}else{
Ext.Msg.alert("提示","请先选中要删除的行！");
}
}
}
最新文章
- 如何解决Maven和SBT下载Jar包太慢
- Apache Shiro系列二，概述 —— 基本概念
- 循序渐进Python3（十二） --1--  web框架之django
- CSS级联和继承
- CSS background-position 问题
- ab压力测试和CC预防
- AppCompat学习(1)-AppCompatSpinner
- Better PostgreSQL datacenter schema
- [JS]Javascript的this用法
- C指针笔记
- HDU_2051——十进制到二进制转换
- nginx+keepalived+tomcat之tomcat性能调优
- 使用jenkins实现持续集成
- dubbo的InvocationChain
- php判断图片是否存在的几种方法
- PTA L2-4 关于堆的判断
- 时效性：NABCD分析结果
- python,接口自动化有几大类
- Python带_的变量或函数命名
- Rancher与OpenLDAP对接