12.15 Ext JS 选人组件

89 阅读 0 评论 59 点赞

我是靠谱客的博主开放芹菜，最近开发中收集的这篇文章主要介绍12.15 Ext JS 选人组件，觉得挺不错的，现在分享给大家，希望可以做个参考。

在Ext JS中使用选人组件的方式有很多种，比如：
方式1. 使用Combobox或是继承Combobox自定义子类
方式2. 使用tagfield 或是继承tagfield 自定义子类
方式3. 定义一个选人的弹出窗口

方式3的功能最全，但是也是开发量最大的。但是方式1和方式2面临了一个问题是：人员显示和保存的时候存在键和值的问题，也就是valueField 和 displayField 不同，这很容易理解，人员的显示名称和这个人对应的Id（可以是身份证号，账号和工号）。

本篇使用方式2 实现一个在Grid 编辑时使用的选人原件的效果，实现的效果如下图：
在这里插入图片描述

实现步骤

注：本篇以实战场景为例，完整的定义了模型类，视图类和数据仓库类，演示目的可以忽略某些部分的定义。

	Ext.define('Osxm.model.UserPicker', {
		 extend: 'Ext.data.Model',
		 fields: ['userId', 'displayName']
	});

以上就是开放芹菜为你收集整理的12.15 Ext JS 选人组件的全部内容，希望文章能够帮你解决12.15 Ext JS 选人组件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。