文章目录 概述 选择器禁止选择 date-picker禁止选择 input禁止输入 概述 ? 我们这里组件库使用的iview组件库 需求是：特定环节，数据只能查看，不能修改。...---- 选择器禁止选择 选择器: http://v2.iviewui.com/components/select 查看官网正好这个符合我们的需求 ? 看看官方给的demo ?...(flowInfoParam.taskdefname === 'sdsg')" 注意 ：不能省略 ---- date-picker禁止选择 官网：http://v2.iviewui.com/components
这里罗列出一些xtype： · textfield 文本框 常用 · timefield 下拉时间框 不常用 · numberfield 只能输入数字...数字验证常用 · datefield 日历下拉框 · combo 下拉框 · textarea 多行文本框 最普通的文本框： { xtype:...=============================== 最大长度和最小长度 new Ext.form.TextField({ name:'text', fieldLable:'文本框...复选框 { xtype: 'checkbox', fieldLabel: '请选择', name: 'bad_movie' } ? 下拉框 对于combobox我们也要为它添加配置。...菜单的所有itmes可以组合起来形成一些列可选择的按钮 xtype: 'tbsplit',分割菜单 就是按钮和菜单的结合。在使用它的时候只要在menu配置项目中添加按钮的属性就可以了。
—强大的绘图工具 MyDraw附带一大套绘图工具，可帮助您轻松创建所需的任何形状，并根据贵公司的企业形象或个人需求进行设计。...您可以使用Nurbs工具自由绘制形状，或者使用组合函数（联合，相交，减去和排除或）来创建基本形状的新形状。 另外，您可以将简单的形状组合成组，并创建高级复杂的形状。...一个很好的特性是能够指定每个形状的权限并使其不可打印 - 这将允许您具有仅用于评论框或带有与您的图的打印版本无关的信息的形状。 —自动图布局 MyDraw附带大量的自动布局，以帮助您快速安排图表。...—强大的富文本支持 MyDraw对富文本和文本格式有强大的支持。 借助MyDraw中的高级文本格式功能，您将能够使您的图表成为出色的。您可以控制文本字体，文本样式，段落对齐，项目符号和编号等。...您可以匹配数据库中的任何字段，并将其显示在图表中。 当字段匹配时，您可以选择为您的数据库的每个值保存您的图（绘图）的副本，或者直接发送电子邮件给所有收件人。
Alert提示框 Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext...对话框。...confirm 除了alert以外，Ext还包含confirm、prompt、progress、wait等对话框，另外我们可以根据需要显示自下定义的对 话框。...回调函数可以包含两个参数，即button与text,button表示点击的按钮，text表示对话框中有活动输 入选项时输入的文本内容。...我们可以在回调函数中通过button参数来判断用户作了什么什么选择，可以通过text来读取在对话框中输入的内容 演示 <meta http-equiv
混入了类 [Ext.form.field.Field]得到表单值的处理功能 混入了类[Ext.form.Labelable]得到表单标签错误信息提示的功能 Ext.form.field.Text 文本框方式的...Ext.form.field.Date 带有日期选择器下拉框并会自动进行 日期验证的日期输入表单 Ext.form.field.Number 数值型的文本表单，对非数组值行的 按键进行自动过滤，并且限定一系列...Ext.form.field.File 文件上传的 Ext.form.field.ComboBox 选择框 Ext.form.field.Checkbox 选择框方式的 Ext.form.field.Radio...Ext.form.field.HtmlEditor 特殊的-文本编辑框 5.其中夹杂布局的类 Ext.form.FieldContainer 文本域容器 Ext.form.CheckboxGroup...Ext.form.FieldSet 控件组,输入域组合容器.
文本字段可以创建、自定义、命名、填充、下载、隐藏和删除文本字段。除了该字段之外，ComPDFKit for Web 还提供选项来更改文本字段中的文本颜色、背景颜色、字体、单行/多行和文本对齐方式。...、自定义、命名、选择、下载、隐藏和删除列表框。...除了字段之外，ComPDFKit for Web 还提供了更改列表框中文本颜色、背景颜色和字体的选项。以下是编辑列表框的示例代码。...、自定义、命名、选择、下载、隐藏和删除组合框。...除了字段之外，ComPDFKit for Web 还提供了更改组合框中文本颜色、背景颜色和字体的选项。以下是编辑组合框的示例代码。
开始动手 1.在解决方案资源管理器中选择Scripts\ExtJS\ux目录，单击右键选择添加，新建项，在弹出窗口中选择Jscript文件，并将名称修改为login.js（以后的项目的可直接将该文件复制到该目录...一般的登录窗口都包含用户名、密码和验证码3个文本输入框，还包含有显示验证码的图片、登录和重置按钮。因而需要用到的ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...6.接着加入表单面板的提交地址，这里定为Account/Login，就是Account控制器的Login方法，代码如下： url: "Account/Login", 7.因为表单内使用的都是文本字段，因而可以统一做一些定义...先来完成简单onReset方法，基本功能就是重置表单，并将焦点移动到第一个文本字段，也就是用户名那里，还要刷新验证码，代码如下： onReset: function () { var...me.form.items.items[0].focus(true, 10); } me.onRefrehImage(); } 代码中要注意的是获取表单中第一个文本字段的代码
今天继续跟大家分享关于水晶易表的动态选择器高级用法。 该案例所用到的函数和选择器工具还是我们之前用到的基本选择工具——单选按钮，组合框。...选中B列数据，CTRL+F，在查找输入框中，输入2006，替换输入框中输入Y1，选择全部替换。同理，用Y2替换2007，Y3替换2008。...蓝色单元格是各自的选择器的目标参数插入位置，将来动态选择器会根据你鼠标选择的对应指标在目标插入单元格位置返回对应参数序号。...接下来的更为重要，我们要根据组合后的返回参数在我们最初制作的查询字段中查找出对应返回参数的整行数据并单独返回到指定行单元格区域。 在B4~Q4单元格区域，使用offset函数+match函数嵌套。...动态仪表盘制作： 首先插入需要的三个选择器：两个单选按钮、一个组合框。（部件-选择器中插入）。 ? 按照以下参数设置格式，分别为三个选择器配置数据源以及插入目标： ? ? ?
获取文本框内容 Ext.Msg.alert('提示','操作已经成功'+Ext.getDom("title").value); 或者 Ext.get('title').getValue() ?...声明示定义文本框以及获取值 演示 <meta http-equiv="Content-Type" content="text/html;charset...:120,fieldLabel:'用户名' }); var checkFlag = new Ext.form.Checkbox({boxLabel:'是',fieldLabel:'是否选择...下拉框绑定以及获取选中值 演示 <meta http-equiv="Content-Type" content="text/html;charset... bodyStyle:'background:#dfe8f6;border: 1px solid #dfe8f6', defaults: {frame:true}, //填充文本背景颜色
菜单的种类很多，如下拉菜单、分组菜单、右键菜单等，菜单上的内容可以是文本、单选框、按钮等。在ExtJS中实现这些菜单都非常简单。...1.3.3 多选菜单和单选菜单 使用Ext.menu.CheckItem可以创建带选择框的菜单，示例5.7是一个多选菜单的示例。...图5.1.8 单选菜单 1.3.4 日期菜单和颜色菜单 ExtJS为我们提供了日期选择菜单Ext.menu.DateMenu和Ext.menu.ColorMenu，它可以让我们直接把日期选择功能和颜色选择功能加入到菜单中...Ø 使用Ext.menu.CheckItem可以创建带选择框的菜单。...Ø ExtJS为我们提供了日期选择菜单Ext.menu.DateMenu和Ext.menu.ColorMenu，它可以让我们直接把日期选择功能和颜色选择功能加入到菜单中。
: 定义多行的文本输入控件。 : 定义按钮。 : 定义选择列表（下拉列表）。 : 定义选择列表中相关选项的组合。...根据浏览器支持，在提交时能够自动验证 url 字段。... Blog: 9.color 类型，用于应该包含颜色的输入字段，根据浏览器支持，颜色选择器会出现输入字段中...，根据浏览器支持，输入字段能够显示为滑块控件。...，根据浏览器（给手机端的）支持，日期（时间）选择器会出现输入字段中。
({ // 宽 width: 140, // 不允许文本框为空 allowBlank: false, // 文本框的最大长度为 20 个字符；超过 20 个字符仍然可以输入，但会有警告信息...DateField 5.2 代码 //新建一个 DateField 日期字段对象 var datefield = new Ext.form.DateField({ //文本框前方显示文字（标签）...boxLabel: "抽烟", //选择框的值 inputValue: "0" }, { //选择框的文字说明 boxLabel...: "喝酒", //选择框的值 inputValue: "1" }, { //选择框的文字说明 boxLabel: "烫头",...Extjs 使用的数据 // 参数为 id 列，以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id: "id" }, ["id", "name"
这个据老外说，貌似是ExtJS的Bug，因为Ext.NET会根据你的设置生成标准的ExtJS配置。不过，人总不能在一棵树上吊死吧。...生成的html，就会发现，表单字段都会用到这个样式。...而我在Ext.NET里面是动态添加CheckBox（在Page_Load事件中添加），查看源码，根据生成的js配置，是在checkboxGroup的items属性里面"new Ext.form.Checkbox...可是SetValue没有三个参数（文本、值、是否选择）的重载，达不到我的要求。...，将选择的值保存在隐藏域里面，这样就可以在后台获取到值了。
除了文本型单元格外，Spread还支持如下13种图形单元格类型：组合框单元格、按钮单元格、复选框单元格、超链接单元格、进度条单元格、条码单元格、颜色选择器单元格、图片单元、列表框单元格、复合列组合框单元格...组合框单元格ComboBoxCellType 你可以使用一个组合框单元格以显示一个可编辑的下拉列表，用户通过在显示的列表中进行选择完成对值的输入。...ImageList 这个属性可以使你设置组合框中下拉菜单里面的文本旁边显示的图标。 ItemData 这个属性可以使你为组合框的下拉菜单设置项目的数据，此数据与显示的项目不同。...AutoSearch 设置组合框中如何根据输入的一个关键字符来搜索列表的项目。 CharacterCasing 设置文本单元格中的大小写。...你可以指定填充的颜色，显示的文本，显示文本的颜色及其他属性。 ? 你可以使用纯色填充指示器，默认情况下，只会单独显示指示器，如下图所示。 ?
UI的对话框扩展，后来逐渐形成自己的特色，深受网友的喜爱。如今，除了 YUI外，Ext还支持JQuery、Prototype 等多种JS底层库，以供用户自由选择。...combo Ext.form.ComboBox Combo选择项 datefield Ext.form.DateField 日期选择项 field Ext.form.Field 表单字段 fieldset...Ext.form.NumberField 数字编辑器 radio Ext.form.Radio 单选按钮 textarea Ext.form.Text Area 区域文本框 textfield Ext.form.TextField...表单文本框 timefield Ext.form.TimeField 时间录入项 trigger Ext.form.TriggerField 触发录入项 组件可以直接通过new关键字创建。...图2.2.7 删除订单的提示对话框 （3） 删除后，效果如图2.2.8所示 图2.2.8 删除后的结果 实现步骤 （1） 设计数据库表及字段。
Information Form", // 宽度 width: 250, // 表单内容 items: [ { // 该元素是文本字段...xtype: "textfield", // 输入框前显示内容 fieldLabel: "Title", // 选项名称...xtype: "datefield", fieldLabel: "Released", name: "released", // 校验不能选择周一到周五的日期...Extjs 使用的数据 // 参数为 id 列，以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id: "id" }, [...，否则显示选中的节点文本信息 (selectNode == null ?
但是，有很多方法可以让这个页面做到视觉无障碍：将红色三角形icon放在所有出错字段的后面；使用文本来提示和解释为什么这个输入框有错误；使用提示框、粗文本、下划线、斜体字体等等。...小练习： 尝试设计一下这个注册表单页面（记住颜色不是表明错误字段的唯一视觉手段）。 3. 确保文本与其背景保持足够的对比 根据WCAG，文本和文本背景之间的对比度至少保持在4.5:1。...不过，输入框的占位符也需要遵循这个规则。 下面的例子是来自BBC官网。他们的UI通过了对比度规则，因为他们使用的最浅的灰色是#767676。 ? 小练习： 练习使用高对比的颜色组合进行设计。...缺失一：没有边框的表格 下面是传统的文本输入的示例。它是一个具有定义边界的矩形。表单输入区域可以填充颜色（当然不一定要填充）。还有一个可见标签，在这个例子里位于字段的左侧。 ?...在下面维珍航空的例子中，虽然视觉上非常相似，但是右边的是菜单，左边的是非模态对话框。 ? 菜单是一个为用户提供选择列表的小组件。
显然，这里的用户、密码文本框就是我们要输入的内容： Step-03 填充用户名 在PA中添加步骤“填充网页上的文本字段”，在弹出的设置对话框中点击“UI元素”右侧的下拉箭头，单击“添加UI”元素：...关于网页标签的知识，如果不是很了解，可以看文末视频做一些基础了解并根据自己的实际工作情况看是否需要深入学习。...点击完成后，“跟踪会话”框会关闭，并将刚才获取的元素（用户名输入框）添加到“填充网页上的文本字段”步骤设置中，我们再填入“文本”，即登录系统网站的用户名： Step-04 填充密码 在PA中继续添加步骤...“填充网页上的文本字段”，用上一步骤中介绍的方法捕捉密码框的UI元素，并填入密码文本。...按钮后，会有要给悬浮菜单，然后再点击悬浮菜单里的“导出到Microsoft Excel”按钮…… 对于这种情况，比较难直接捕捉悬浮菜单里的UI元素，所以，我们改一种实现方式：使用Web记录器，在弹出的对话框中选择默认的
### 9.设置元件文字边距/行距 在元件样式中可以设置元件文字的【行间距】与【填充】。 行间距：是指文字段落行与行之间的空隙。 填充：是指文字与形状边缘之间填充的空隙。...### 10.设置元件默认隐藏 选择要隐藏的元件，在快捷功能或者元件样式中勾选【隐藏】选项。 ### 11.设置文本框输入类型 如文本框属性中选择文本框的{类型}为【密码】。...### 12.设置打开选择文件窗口 文本框属性中选择文本框的{类型}为【文件】，即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。...只需在文本框属性中{提交按钮}的列表中选择相应的元件即可 ### 16.设置鼠标移入元件时的提示 在文本框属性中{元件提示}中输入提示内容即可。...组合/取消组合的快捷键为键/键。 ### 29.转换元件为图片 形状/文本标签/线段等元件可以通过点击，选择将元件【转换为图片】。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
