Ext之自定义组件，之Render

最新推荐文章于 2021-08-11 19:21:12 发布

iteye_3352

最新推荐文章于 2021-08-11 19:21:12 发布

阅读量122

点赞数

分类专栏： ext 文章标签： ext Render

本文链接：https://blog.csdn.net/iteye_3352/article/details/82570012

版权

ext 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

/**
 * 数据字典 代码到名称的翻译
 * author zgl 2014-02-24
 * 
 * 【用法】
 * 定义   var cameraTypeRender = new  Ext.rtt.dictionary.RendererMultiple('com.rtt.emergency.resource.model.Carmera.typeId'); 
 * 
 * 使用   {
                header   : '类型', 
                width    : 50, 
                sortable : true, 
                dataIndex: 'typeId',
                align :'center',
                renderer:cameraTypeRender.renderer.createDelegate(cameraTypeRender)
            }

   【解释】 
   输入： 01,02
   输出： 水灾,火灾        
 */ 
Ext.rtt.dictionary.RendererMultiple = function(datatype){  
  	var storeObject = {};
	storeObject.autoDestroy = true;
	storeObject.autoLoad = true;
	storeObject.url = ContextPath + '/commplat/json_service.do';
	storeObject.root = 'root';
	var fields = 'id,name';
	var fieldsArr = fields.split(",");
	storeObject.fields = fieldsArr;
	//storeObject.fields=fields;

	var baseParams = {};
	baseParams.jsonlist = 'jsonlist';
	//add cyzhang 绕过session检查
	baseParams.bypass = 'true';
	baseParams.serviceClassName = 'com.rtt.platform.system.service.http.ListTypeServiceJSON';
	baseParams.serviceMethodName = 'getListTypes';
	baseParams.serviceParameters = 'type';
	baseParams.type = datatype;
	storeObject.baseParams = baseParams;
	Ext.rtt.dictionary.RendererMultiple.superclass.constructor.apply(this, arguments);

	this.store = new Ext.data.JsonStore(storeObject);
	var me1 = this;
	this.store.on("load", function(store, records, options ) {
		me1.fireEvent('load');	

		});

	this.store.on("loadexception", function(combobox, o, response, e) {
			var msgObj = Ext.decode(response.responseText);
			Ext.Msg.alert('错误', msgObj.msg);
		});
	//return this.store;
	//this.displayField = "dcName";
	//this.valueField = "code";
};

Ext.extend(Ext.rtt.dictionary.RendererMultiple, Ext.util.Observable,{ 	
  /**
   * 构造方法
   * @param config 配置信息
   */
  constructor: function(config){ 
    this.name = config.name;        
    this.addEvents({
          "load" : true,
          "loadexception" : true
      }); 
    //this.listeners = config.listeners;         
  },
  getStore :  function(){
    return this.store;
  },
  renderer :  function(v){
  	var displayText = '';
  	var vArray = v.split(',');
  	for(var i=0;i<vArray.length;i++){
  		var val = vArray[i];
  		var index2 = this.store.find('id', val);
  		var record = this.store.getAt(index2);
  		if(record != null){
        	displayText += record.data['name']+',';
      	}
  	}
	if(displayText != ''){
		return displayText;
	}
    return v;

   }

  });