Ext js设置按钮可用状态disable,防止多次点击

1、Ext.getCmp('id')  根据此方法获取组件对象。

Ext.getCmp('searchButton').disable();  按钮无效;

Ext.getCmp('searchButton').enable();  按钮有效;

注意:修改js文件后,添加js版本号,否则不清缓存不会生效。

示例代码:

// 查询按钮
var searchButton = Ext.create ("Ext.yg.button.YGSearchButton", {
	id: "searchButton",
    hidden : !YG.isExistBtns ("Query", btns),
    //disabled : true ,
    handler : function (butt) {
//	    if (!messageForm.isValid()){
//		    if (!messageForm.down("datefield[name=beginTime]").getValue()){
//			    Ext.Msg.alert ("提示", "起始日期不能为空!");
//			    return;
//		    }
//		    return;
//	    }
	    
	    var beginTime = messageForm.down("datefield[name=beginTime]").getValue();
	    var endTime = messageForm.down("datefield[name=endTime]").getValue();
    	var tel = messageForm.down("textfield[name=tel]").getValue();
    	var expressCode = messageForm.down("[name=expressCode]").getValue();
    	
	    if (!beginTime){
		    Ext.Msg.alert ("提示", "起始日期不能为空!");
		    return;
	    }
	    if (!endTime){
		    Ext.Msg.alert ("提示", "截止日期不能为空!");
		    return;
	    }
    	if(beginTime>endTime){
    		Ext.Msg.alert ("提示", "截止日期不能小于开始日期!");
		    return;
    	}
    	
    	if((beginTime < endTime) && !tel && !expressCode ){
    		Ext.Msg.alert ("提示", "跨天查询,手机号、快件单号必填其一!");
		    return;
    	}
	    
	    var params = messageForm.getForm ().getValues ();
	    YG.loadPage (messageGridStore, params);
    }
});



var messageGridStore = Ext.create ('Ext.data.Store', {
    autoLoad : false,
    fields : [
              "id", "tel","content","sendType","messageType","serviceType","expressId","expressStringId","expressCode","deviceid","appReaded","sendResult","sendCount","resendCount",
              "createTime","sendTime","updateTime","isResend","isValid"
    ],
    pageSize : 20,
    proxy : {
        type : 'ajax',
        url : path + '/messageSendSearch/getMessageSendList',
        actionMethods : {
            create : "POST",
            read : "POST",
            update : "POST",
            destroy : "POST"
        },
        reader : {
            type : 'json',
            root : 'list',
            totalProperty : 'total'
        }
    },
    listeners : {
        beforeload : function (store) {
    	    Ext.getCmp('searchButton').disable();
    	    
	        var new_params = messageForm.getForm ().getValues ();
	        Ext.apply (store.proxy.extraParams, new_params);
        },
        load : function (s, records, successful, eOpts) {
        	Ext.getCmp('searchButton').enable();
        	
	        if (!successful){
		        Ext.Msg.alert ("提示", "查询失败!");
	        }
        }
    
    }
});


猜你喜欢

转载自blog.csdn.net/lisheng19870305/article/details/85130257
ext