04 2012 档案
摘要：Ext.grid.column.Column类定义了表格内部与列相关的配置，其中包括列标题及数据展示。 Ext.grid.column.Column主要配置项配置项类型说明alignString设置列标题和数据的对齐方式，默认为leftcolumnsArray设置组列dataIndexString设置列与数据集中数据的对应关系，值为数据模型中的字段名称draggableBoolean列头是否可以拖动，默认为trueflexNumber列宽所占flex和的比例groupableBoolean在使用Ext.grid.feature.Grouping分组特性的情况下是否禁用该列在标题菜单中的分...
阅读全文
摘要：Ext.layout.container.Border对应面板布局layout配置项的名称为Border，该布局包含多个子面板，是一个面向应用的UI风格的布局，它将整个容器分为5个部分，分别是：east（东）、south（南）、west（西）、north（北）和center（中）。加入到容器中的子面板需要指定region配置项来告知容器要加入到那个部分。 代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
阅读全文
摘要：Ext.layout.container.Column对应面板布局layout配置项的名称为Column，支持属性columnWidth，每一个加入到容器中的子面板都可以通过columnWidth配置项指定百分比或使用width配置项指定固定值来确定列宽 width配置项是以像素为单位的固定列宽，必须是大于或等于1的数字。columnWidth配置项是以百分比为单位的相对宽度，必须是大于0小于1的小数，例如.25 1、指定固定列宽代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo
阅读全文
摘要：Ext.layout.container.Absolute对应面板布局配置项的Absolute，可以根据子面板中配置的x/y坐标进行定位。 代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="
阅读全文
摘要：Ext.layout.container.Anchor是根据容器大小为其所包含的子面板进行定位的布局，对应面板布局配置项Anchor。 1、百分比（Percentage）定位 代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><
阅读全文
摘要：Ext.layout.container.Accordion折叠布局，对应面板布局配置项的Accordion。该布局可以包含多个子面板，任何时候都只有一个子面板处于打开状态，每个面板都内置了对展开和收缩功能的支持。1、Ext.layout.container.Accordion主要配置配置项类型说明activeOnTopBoolean是否保持展开的子面板处于父面板的顶端，true则交换当前展开面板到顶端，false则保持原来的位置不动animateBoolean设置在展开或收缩子面板时是否使用滑动方式，true则采用滑动方式，默认为truecollapseFirstBoolean设置为tr..
阅读全文
摘要：Ext.layout.container.Fit是布局的基础类，对应面板配置项的名称为Fit，Fit布局将使唯一的子元素充满容器，如果当前容器中存在多个子面板则只有第一个会显示。 示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
阅读全文
摘要：Ext.layout.container.Auto自动布局是容器在没有指定布局方式时默认采用的布局类型，使用原始的HTML文档流来布局子元素，并把布局调用传递到子容器中，对应面板配置项（layout）的名称为Auto。 Auto示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.
阅读全文
摘要：ExtJS通过提供多种布局类为面板提供支持，主要包括以下11种：Auto（自动布局）Fit（自适应布局）Accordion（折叠布局）Card（卡片式布局）Anchor（锚点布局）Absolute（绝对位置布局）CheckboxGroup（复选框组布局）Column（列布局）Table（表格布局）Border（边框布局）Box（盒布局）
阅读全文
摘要：1、Ext.form.FieldSet主要配置项配置项类型说明checkboxNameString指定字段集中用于展开或隐藏字段集面板的checkbox的名字，该属性只有在checkboxToggle为true是生效checkboxToggleBoolean设置是否显示字段集的checkbox选择框，通过设置该选择框可以实现隐藏或显示字段集功能。默认为falsecollapsedBoolean设置为true则字段集默认为折叠状态collapsibleBoolean设置字段集是否可以折叠layoutString字段集的布局方式，默认为“anchor”titleString字段集标题labelWi
阅读全文
摘要：1、Ext.form.Label主要配置配置项类型说明forIdString与标签字段进行关联的目标组件的inputIdhtmlString显示在标签字段innerHTML的HTML片段，如果同时指定了text配置则html优先textString显示在标签中的文本2、Ext.form.Label示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
阅读全文
摘要：1、Ext.form.field.Dispaly主要配置配置项类型说明htmlEncodeBoolean对展示内容是否进行HTML编码，默认为false2、Ext.form.field.Dispaly示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtm
阅读全文
摘要：1、Ext.form.field.HtmlEditor主要配置项配置项类型说明createLinkTextString创建连接提示框中默认提示信息defaultLinkValueString创建连接的默认值，默认为http://defaultValueString编辑器默认值enableAlignmentsBoolean是否启用左中右对齐按钮，默认为trueenableColorsBoolean是否启用前景色、背景色选择按钮，默认为trueenableFontBoolean是否启用选择字体按钮，默认为trueenableFontSizeBoolean是否启用增大缩小字体按钮，默认为trueen
阅读全文
摘要：Ext.form.field.Hidden示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Ext.form.field.Hi
阅读全文
摘要：1、Ext.form.field.Date主要配置Ext.form.field.Date主要配置项配置项类型说明altFormatsString多个日期输入格式组成的字符串，不同的格式之间使用“|”进行分隔。将使用这些格式来解析用户的输入信息。默认值为"m/d/y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d|n-j|n/j"disabledDatesArray禁止选择日期组成的数组disabledDatesTextString选择禁止日期时提示的消息disabledDaysArra
阅读全文
摘要：Ext.grid.Panel表格分页示例代码：cshtml@{ Layout = null;}<!DOCTYPE html><html><head> <title>Ext.grid.Panel动态加载分页数据</title> <link href="@Url.Content("~/Scripts/ext-4.0.7-gpl/resources/css/ext-all.css")" rel="stylesheet" type="text/css" /&
阅读全文
摘要：1、Ext.form.field.Time主要配置Ext.form.field.Time主要配置项目表配置项类型说明altFormatString多个时间输入格式组成的字符串，不同的格式之间使用"|"分隔。将使用这些格式来解析用户的输入信息。默认值为"g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|ha|h a|g a|g A|gi|hi|gia|hia|g|H|gi a|hia|giA|hiA|gi A|hi A"formatString显示格式，默认为"g:i A"incrementNumber在时间列表
阅读全文
摘要：1、Ext.form.field.Spinner主要配置配置项类型说明keyNavEnabledBoolean设置是否启用对键盘向上和向下按钮的支持，默认为truemouseWheelEnabledBoolean设置是否启用对鼠标滚动轮的支持，默认为truerepeatTriggerClickBoolean设置是否添加一个click repeater到微调按钮上，默认为truespinDownEnabledBoolean向下按钮是否可用，默认为truespinUpEnabledBoolean向上按钮是否可用，默认为true代码：<!DOCTYPE html PUBLIC "-/
阅读全文
摘要：1、Ext.form.field.Trigger主要配置配置项类型说明editableBoolean是否允许直接对文本进行编辑，false则不允许编辑，只能通过触发按钮进行设置，默认为truehideTriggerBoolean是否隐藏触发按钮，默认为falserepeatTriggerClickBooleantrue则添加一个click repeater到触发按钮上，默认为falsereadOnlyBoolean字段是否只读，true则阻止用户修改字段内容，并隐藏触发按钮，默认为falserepeatTriggerClickBooleantrue则自动添加一个重复点击器selectOnFoc
阅读全文
摘要：1、Ext.form.CheckboxGroup主要配置配置项类型说明allowBlankBoolean设置是否必须选中至少一项，true表示可以不选，false表示不能为空，至少选中一项，默认为true。blankTextString当allowBlank设置为false，并且没有选中任何复选框时的提示错误消息columnsString/Number/Array设置列数量，有效值包括：“auto”：自动平分字段容器的宽度Number：指定列数Array指定列宽的数组，可以使用整数和浮点数。itemsArray复选框或复选框配置对象的数组2、Ext.form.CheckboxGroup示例代码
阅读全文
摘要：1、Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目配置项类型说明boxLabelString紧靠复选框的文字描述boxLabelAlignString设置复选框关联标签的位置，有效值包括：“before”和“after”，默认为“after”checkedBoolean设置复选框默认是否被选中，默认为falsehandlerFunction设置当选中状态发生变化时的处理函数，传入参数为：checkbox：Ext.form.Checkbox复选框组件checked:Boolean新的选中状态inputValueString提交值，默认为“on
阅读全文
摘要：1、修改默认的按钮文字代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Ext.MessageBox.show</title
阅读全文
摘要：参考资料：http://www.w3school.com.cn/jquery/index.asp 一、jQuery基础 1.1 jQuery选择器 1.2 jQuery DOM操作 1.3 jQuery事件与应用 1.4 jQuery动画与特效 1.5 jQuery Ajax 1.6 jQuery插
阅读全文
摘要：1、Ext.form.field.Number主要配置项配置项类型说明allowDecimalsBoolean是否允许输入小数，默认为trueautoStripCharsBoolean是否过滤不允许输入的字符，默认为falsebaseCharsString输入的有效数字集合，默认为“0123456789”decimalPrecisionNumber输入数字的精度，默认为保留小数点后2位decimalSeparatorString十进制分隔符，默认为“.”maxValueNumber允许输入的最大数值，默认为Number.MAX_VALUEmaxTextString输入超过最大值之后提示消息mi
阅读全文
摘要：1、ExtJS数据模型基础 ExtJS数据包中重要的三类：Model（数据实体模型）、Store（数据集）和Proxy（数据代理） ExtJS的数据模型主要包括：数据实体模型：Model数据实体模型代表了应用系统中用到的数据实体。数据代理：Proxy 数据代理用来处理数据的读取和保存，如通过Ajax代理获取服务器端的数据。数据读写器：Reader、Writer数据读写器用于读取原始数据到Model数据实体模型，或者将Model数据实体模型格式化为指定的数据格式。数据集：Store 数据集是一个保存Model对象的客户端缓存，提供对数据的过滤、排序、查找等功能，常用于数据模型与U...
阅读全文
摘要：1、Ext.form.field.ComboBox主要配置Ext.form.field.ComboBox主要配置项配置项类型说明allQueryString发往服务器用来查询全部信息的查询字符串，默认为空autoSelectBoolean是否自动选择第一个列表值，默认为truedefaultListConfigObjectlistConfig配置对象包括：emptyText：当输入值在列表中不存在时显示的信息，默认为空文本loadingText：默认加载提示loadingminWidth：70，下拉列表默认最小宽度为70pxmaxHeight：300，下拉列表默认最大高度为300pxshado
阅读全文
摘要：1、Ext.form.TextArea主要配置项目配置项类型说明colsNumber设置textarea组件的原始cols属性，默认为4enterIsSpecialBoolean设置是否允许输入控制字符growAppendString默认追加一个新行growMaxNumber字段伸展的最大高度，默认为1000growMinNumber字段收缩的最小高度，默认为60preventScrollbarsBoolean设置当文本内容溢出时是否先滚动条，设置为true则隐藏滚动条，相当于overflow:hidden，默认为false2、Ext.form.TextArea示例代码：<!DOCTYP
阅读全文
摘要：1. 设计原则简述 1.1 基本原则 （1）KISS（Keep It Simple Stupid）原则 KISS原则目的：在设计和编码中，尽量保持代码简约，避免不必要的复杂。 （2）DRY（Don't Repeat Yourself）原则 DRY原则目的：抽取系统公共部分，放置在一个地方避免重复。
阅读全文
摘要：1、Ext.from.field.Text组件主要配置项目表配置项类型说明allowBlankBoolean是否允许为空，默认为空trueblankTextString是否允许为空验证失败后提示消息disableKeyFilterBoolean设置为true则禁用键盘输入过滤，默认为falseemptyClsString设置应用于空字段的样式，默认为“x-form-empty-field”,该样式会根据当前字段值自动进行添加或移除emptyTextString在一个空字段默认显示的信息enableKeyEventsBoolean是否启用键盘事件代理enforceMaxLengthBoolean
阅读全文
摘要：1、Ext.form.FormPanel支持的主要表单组件ExtJS表单组件说明Xtype类型Ext.form.field.CheckBox复选框checkboxfieldExt.form.CheckBoxGroup复选框组checkboxgroupExt.form.field.ComboBox下拉列表框comboExt.form.field.Date日期选择框datefieldExt.form.field.Display文本显示组件displayfieldExt.form.field.FieldContainer字段容器fieldcontainerExt.form.field.FieldSe
阅读全文
摘要：1. ASP.NET MVC系列：ASP.NET MVC简介 2. ASP.NET MVC系列：URLRouting 3. ASP.NET MVC系列：Controller/Action 4. ASP.NET MVC系列：Controller/Action动作过滤器 5. ASP.NET MVC系列
阅读全文
摘要：1、Ext.menu.Menu主要配置项Ext.menu.Menu组件主要配置项配置项参数类型说明itemsMixed有效菜单项数组ignoreParentClicksBoolean忽略任何作为父菜单项的单击事件，默认为falseplainBoolean是否移除菜单左侧的竖线，默认为false菜单项主要类型菜单元素名称说明Ext.menu.Item菜单项基类Ext.menu.Separator菜单分隔符Ext.menu.CheckItem包含选择框的菜单项，也可以是一个单选组Ext.menu.ColorPicker颜色选择器Ext.menu.DatePicker日期选择器Ext.menu.It
阅读全文
摘要：1、Ext.toolbar.Toolbar主要配置项Ext.toolbar.Toolbar配置配置项参数类型说明enableOverflowBoolean设置为true则自动为工具栏添加一个下拉按钮，用于显示超过工具栏范围的按钮verticalBoolean设置为true则显示一个垂直的工具栏，默认为false工具栏常用元素工具栏元素名称说明Ext.button.Button可以加入到工具栏的按钮组件Ext.toolbar.Fill用于填充满工具栏的空白元素Ext.toolbar.Item工具栏的基本功能支持Ext.toolbar.Separator工具栏分隔符Ext.toolbar.Spac
阅读全文
摘要：Ext.grid.column.Column主要配置项
阅读全文
摘要：1、Ext.grid.Panel主要配置项配置项参数类型说明columnsArray表格列配置对象数组，每一个列配置对象都包括header和数据源的定义columnLinesBoolean设置true则显示纵向表格线，默认为falseforceFitBoolean设置true则强制列填充满可利用的空间hideHeadersBoolean设置true则隐藏列标题scrollBoolean/String设置表格滚动条，有效值包括：both、horizontal和vertical。true等效于both，false等效于none，默认为truesortableColumnsBoolean设置为fal
阅读全文
摘要：1、基本示例代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head runat="server"> 4 <title>Ext.tree.Panel</titl
阅读全文
摘要：Ext.tab.Panel页签组件的每个tab都是一个Ext.panel.Panel，一般情况会有多个tab同时存在，但是同一时刻只有一个处于激活状态。 Ext.tab.Panel主要配置项目表：配置项参数类型说明activeTabString/Number设置默认激活的tab也，参数为tab页的id或索引值layoutObjecttabPanel内置的card布局minTabWidthNumbertab标签的最小宽度，默认为30plainBooleantrue则不显示TabBar的完整背景，默认为falseremovePanelHeaderBooleantrue则通知子元素全部不渲染h...
阅读全文
摘要：一、基础篇1、Ext JS下载及配置2、基本功能 2.1、Ext.MessageBox消息框 2.2、Ext.window.MessageBox3、工具栏和菜单栏 3.1、Ext.toolbar.Toolbar工具栏 3.2、Ext.menu.Menu菜单栏4、表单 4.1、Ext.form.Panel表单面板 4.2、Ext.from.field.Text文本框 4.3、Ext.form.TextArea文本区 4.4、Ext.form.field.Number数字输入框 4.5、Ext.form.field.CheckBox复选框和Ext.form.field.Radio...
阅读全文
摘要：Ext.container.Viewport代表浏览器窗口的整个区域，将document body作为渲染对象，它会根据浏览器窗口的大小自动调整自身的尺寸，在一个页面中只允许出现一个Viewport实例。此外它没有提供对滚动条的支持，如果需要使用滚动条需要在其子面板中进行设置。 1、简单示例 HTML代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
阅读全文
摘要：1. Controller Controller是ASP.NET MVC的核心，负责处理浏览器请求，并作出响应。Cotroller本身是一个类(Class)，该类有多个方法(Method)。在这些方法中，只要是公开方法，该方法将被视为一个动作(Action)；只要有动作存在，就可以通过该动作方法接...
阅读全文
摘要：1. URLRouting简介 URL(Uniform Resource Locator)，统一资源定位器，是用于完整描述Internet上的网页或其他资源地址的一种标识方法。 URL一般可以由6部分组成，格式如下：protocol :// hostname [:port] [/path] [?...
阅读全文
摘要：1、JsonResult 1 using System.Web.Mvc; 2 3 //public ActionResult Index() 4 public JsonResult Index() 5 { 6 var province = from p in new Models.Nort...
阅读全文
