`
arlxy
  • 浏览: 39333 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

ExtJs初始化

阅读更多

附上ExtJs中文初始化的JS文件

 

Ext.onReady(function(){
    if(Ext.Updater){
        Ext.Updater.defaults.indicatorText = '<div class="loading-indicator">加载中...</div>';
    }

    if(Ext.view.View){
       Ext.view.View.prototype.emptyText = "";
    }

    if(Ext.grid.Panel){
       Ext.grid.Panel.prototype.ddText = "选择了 {0} 行";
    }

    if(Ext.TabPanelItem){
       Ext.TabPanelItem.prototype.closeText = "关闭此标签";
    }

    if(Ext.form.field.Base){
       Ext.form.field.Base.prototype.invalidText = "输入值非法";
    }

    if (Ext.LoadMask) {
        Ext.LoadMask.prototype.msg = "读取中...";
    }

    if(Ext.Date){
        Ext.Date.monthNames = [
           "一月",
           "二月",
           "三月",
           "四月",
           "五月",
           "六月",
           "七月",
           "八月",
           "九月",
           "十月",
           "十一月",
           "十二月"
        ];

        Ext.Date.dayNames = [
           "日",
           "一",
           "二",
           "三",
           "四",
           "五",
           "六"
        ];

        Ext.Date.formatCodes.a = "(this.getHours() < 12 ? '上午' : '下午')";
        Ext.Date.formatCodes.A = "(this.getHours() < 12 ? '上午' : '下午')";
    }

    if(Ext.MessageBox){
       Ext.MessageBox.buttonText = {
          ok     : "确定",
          cancel : "取消",
          yes    : "是",
          no     : "否"
       };
    }

    if(Ext.util.Format){
        Ext.apply(Ext.util.Format, {
            thousandSeparator: '.',
            decimalSeparator: ',',
            currencySign: '\u00a5',  // Chinese Yuan
            dateFormat: 'y年m月d日'
        });
    }

    if(Ext.picker.Date){
       Ext.apply(Ext.picker.Date.prototype, {
          todayText         : "今天",
          minText           : "日期必须大于最小允许日期",//update
          maxText           : "日期必须小于最大允许日期",//update
          disabledDaysText  : "",
          disabledDatesText : "",
          monthNames        : Ext.Date.monthNames,
          dayNames          : Ext.Date.dayNames,
          nextText          : '下个月 (Ctrl+Right)',
          prevText          : '上个月 (Ctrl+Left)',
          monthYearText     : '选择一个月 (Control+Up/Down 来改变年份)',//update
          todayTip          : "{0} (空格键选择)",
          format            : "y年m月d日"
       });
    }

    if(Ext.picker.Month) {
      Ext.apply(Ext.picker.Month.prototype, {
          okText            : "确定",
          cancelText        : "取消"
      });
    }

    if(Ext.toolbar.Paging){
       Ext.apply(Ext.PagingToolbar.prototype, {
          beforePageText : "第",//update
          afterPageText  : "页,共 {0} 页",//update
          firstText      : "第一页",
          prevText       : "上一页",//update
          nextText       : "下一页",
          lastText       : "最后页",
          refreshText    : "刷新",
          displayMsg     : "显示 {0} - {1}条,共 {2} 条",//update
          emptyMsg       : '没有数据'
       });
    }

    if(Ext.form.field.Text){
       Ext.apply(Ext.form.field.Text.prototype, {
          minLengthText : "该输入项的最小长度是 {0} 个字符",
          maxLengthText : "该输入项的最大长度是 {0} 个字符",
          blankText     : "该输入项为必输项",
          regexText     : "",
          emptyText     : null
       });
    }

    if(Ext.form.field.Number){
       Ext.apply(Ext.form.field.Number.prototype, {
          minText : "该输入项的最小值是 {0}",
          maxText : "该输入项的最大值是 {0}",
          nanText : "{0} 不是有效数值"
       });
    }

    if(Ext.form.field.Date){
       Ext.apply(Ext.form.field.Date.prototype, {
          disabledDaysText  : "禁用",
          disabledDatesText : "禁用",
          minText           : "该输入项的日期必须在 {0} 之后",
          maxText           : "该输入项的日期必须在 {0} 之前",
          invalidText       : "{0} 是无效的日期 - 必须符合格式: {1}",
          format            : "y年m月d日"
       });
    }

    if(Ext.form.field.ComboBox){
       Ext.apply(Ext.form.field.ComboBox.prototype, {
          loadingText       : "加载中...",
          valueNotFoundText : undefined
       });
    }

    if(Ext.form.field.VTypes){
       Ext.apply(Ext.form.field.VTypes, {
          emailText    : '该输入项必须是电子邮件地址,格式如: "user@example.com"',
          urlText      : '该输入项必须是URL地址,格式如: "http:/'+'/www.example.com"',
          alphaText    : '该输入项只能包含半角字母和_',//update
          alphanumText : '该输入项只能包含半角字母,数字和_'//update
       });
    }
    //add HTMLEditor's tips by andy_ghg
    if(Ext.form.field.HtmlEditor){
      Ext.apply(Ext.form.field.HtmlEditor.prototype, {
        createLinkText : '添加超级链接:',
        buttonTips : {
          bold : {
            title: '粗体 (Ctrl+B)',
            text: '将选中的文字设置为粗体',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          italic : {
            title: '斜体 (Ctrl+I)',
            text: '将选中的文字设置为斜体',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          underline : {
            title: '下划线 (Ctrl+U)',
            text: '给所选文字加下划线',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          increasefontsize : {
            title: '增大字体',
            text: '增大字号',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          decreasefontsize : {
            title: '缩小字体',
            text: '减小字号',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          backcolor : {
            title: '以不同颜色突出显示文本',
            text: '使文字看上去像是用荧光笔做了标记一样',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          forecolor : {
            title: '字体颜色',
            text: '更改字体颜色',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          justifyleft : {
            title: '左对齐',
            text: '将文字左对齐',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          justifycenter : {
            title: '居中',
            text: '将文字居中对齐',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          justifyright : {
            title: '右对齐',
            text: '将文字右对齐',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          insertunorderedlist : {
            title: '项目符号',
            text: '开始创建项目符号列表',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          insertorderedlist : {
            title: '编号',
            text: '开始创建编号列表',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          createlink : {
            title: '转成超级链接',
            text: '将所选文本转换成超级链接',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          },
          sourceedit : {
            title: '代码视图',
            text: '以代码的形式展现文本',
            cls: Ext.baseCSSPrefix + 'html-editor-tip'
          }
        }
      });
    }


    if(Ext.grid.header.Container){
       Ext.apply(Ext.grid.header.Container.prototype, {
          sortAscText  : "正序",//update
          sortDescText : "倒序",//update
          lockText     : "锁定列",//update
          unlockText   : "解除锁定",//update
          columnsText  : "列"
       });
    }

    if(Ext.grid.PropertyColumnModel){
       Ext.apply(Ext.grid.PropertyColumnModel.prototype, {
          nameText   : "名称",
          valueText  : "值",
          dateFormat : "y年m月d日"
       });
    }

    if(Ext.layout.BorderLayout && Ext.layout.BorderLayout.SplitRegion){
       Ext.apply(Ext.layout.BorderLayout.SplitRegion.prototype, {
          splitTip            : "拖动来改变尺寸.",
          collapsibleSplitTip : "拖动来改变尺寸. 双击隐藏."
       });
    }
    
    if(Ext.data.Connection){
       Ext.apply(Ext.data.Connection.prototype, {
         timeout:60000
       });
    }
    
    if(Ext.data.proxy.Server){
       Ext.apply(Ext.data.proxy.Server.prototype, {
         timeout:60000
       });
    }
    
   if(Ext.form.action.Action){
       Ext.apply(Ext.form.action.Action.prototype, {
         timeout:60000
       });
    }
    
 
});
 

资源引入顺序如:

 

<script type="text/javascript" src="${ctx}/ext-4.0.2/ext-all.js"></script>
<script type="text/javascript" src="${ctx}/ext-4.0.2/ext-lang-zh_CN.js"></script>
 

 

 

2
0
分享到:
评论

相关推荐

    extjs 初始化checkboxgroup值的代码

    在Extjs框架中,checkboxgroup组件允许用户从一组复选...以上知识点为开发人员在使用Extjs进行前端表单开发时提供了处理复选框组初始化值的有效方法。这使得开发者可以更加灵活地根据业务需求设计用户界面和交互逻辑。

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发中遇到的难题。 DateTimeField是EXTJS中用于处理日期和时间选择的组件,它允许用户同时选择日期和时间,...

    Extjs 雷达图表初始化渲染 x轴数据

    在本案例中,我们聚焦于如何在ExtJS中初始化并渲染一个雷达图表,特别是关注x轴的数据处理。 首先,要创建雷达图表,我们需要引入ExtJS库及相关图表组件。在`chart_month_stock.html`文件中,通常会包含以下代码段...

    Extjs自动最大化panel

    4. **自定义代码**:在某些情况下,可能需要编写自定义JavaScript代码来处理复杂的动态布局需求,例如在Panel初始化后或容器尺寸改变时手动调用`doLayout`方法来更新布局。 在提供的压缩包文件中,`TestAuoMaxPanel...

    轻松搞定Extjs 带目录

    Extjs对分页、表单验证、表单组件的布局与初始化都提供了详细的指导,使得表单元素的开发更加高效。 表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel...

    Extjs EditorGridPanel中ComboBox列的显示问题

    在EXTJS中,EditorGridPanel是一种可编辑的表格组件,它允许用户直接在表格单元格内编辑数据。然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其...

    EXTJS讲解个人项目经历

    你可以在此函数中定义初始化的代码,例如显示警告消息或者创建UI组件。 3. **创建组件**: 创建EXTJS组件,例如一个窗口(Window),可以使用`Ext.Window`构造函数。你需要指定窗口的属性,如标题、宽度、高度以及...

    EXTJS记事本 当CompositeField遇上RowEditor

    在EXTJS中,RowEditor的beforeedit事件并不适合用来初始化自定义的CompositeField,因为此时RowEditor的控件尚未渲染完成。为了解决这个问题,开发者创建了一个自定义的afterstart事件,这个事件会在RowEditor显示后...

    Extjs使用Window最小化窗口

    5. **保存原始状态**:为了还原窗口,需要在初始化时记录Window的原始大小和位置,以便在还原时恢复。 6. **监听和处理事件**:在`minimizeWindow`函数中,你需要检查当前窗口的状态,如果已经最小化,则调用`show`...

    Extjs kindeditor整合 demo

    3. 初始化KindEditor:在ExtJS的回调函数中,使用KindEditor的API来初始化编辑器,指定容器元素(通常是ExtJS组件的DOM元素)。 4. 处理交互:可能需要监听KindEditor的事件,比如内容改变,然后更新ExtJS的数据模型...

    extjs6.2 SDK下载

    对于初学者,"sencha CMD使用方法可以查看教程"这一提示意味着需要学习如何利用CMD来管理EXTJS项目,这通常涉及到初始化项目、生成组件、编译代码等操作。最后,"Sencha_Ext_JS_Commercial_6.0.1_REPACK_Downloadly....

    EXTJS入门教程(非常详细)

    在Ext.onReady函数中,你可以定义一些初始化操作,如初始化组件、设置事件监听器等。 在ExtJS中,组件是用户界面的基础,可以分为多种类型,比如树形控件、表单控件等。树形控件可以用于展示分层的数据,而表单控件...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    根据提供的文件信息,本文将详细解析ExtJS 4中如何处理不同类型的Store及与之相关的数据操作、模型定义以及前端展示等内容。 ### ExtJS 4中的Store与数据管理 #### Store概念简介 在ExtJS 4中,Store是用于存储...

    ExtJS原生多文件拖动上传组件

    //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化选择文件列表源 initStore(files) //base64路径转文件类型 baseImgURL2File&#40;url, type, name, id, callback&#41; //图片压缩 imageCompress(file,...

    extjs4-教程

    - **Ext.application**:这是ExtJS4中的一个初始化应用的方法,它会自动调用Ext.onReady,确保应用的初始化代码在DOM加载完毕后执行。这个方法是学习ExtJS时经常首先接触到的。 #### 4. 获取页面元素 ExtJS4提供了...

    extjs6.6项目示例

    2. 如何使用Sencha CMD进行项目初始化、构建和部署。 3. SASS 和主题定制,理解`base-color`的概念和使用方法。 4. 如何组织和编写ExtJS应用的代码结构。 5. 数据绑定和模型-视图-控制器(MVC)设计模式的应用。 6. ...

    extjs 4.0 extjs

    `bootstrap.js` 文件是ExtJS的启动脚本,它负责加载框架的基础配置和必要的组件,使得应用能够快速初始化。在4.0版本中,Bootstrap机制得到优化,提高了页面加载速度。 `locale` 文件夹包含了不同语言的本地化资源...

    ExtJS介绍及应用举例

    这可能包括如何初始化一个ExtJS项目,怎样使用其组件库,以及如何利用其数据绑定机制来处理服务器端数据。通过"jar包"的提及,我们可以推测这个压缩包可能包含了ExtJS的库文件,供开发者在Java环境中使用。 描述中...

    extjs4环境搭建

    最后,使用`Ext.onReady()`函数来初始化ExtJS组件库。当页面加载完成并且DOM准备就绪时,`Ext.onReady`会执行传入的函数。在这个函数内部,你可以创建并使用ExtJS的控件和组件: ```html Ext.onReady(function(){ ...

Global site tag (gtag.js) - Google Analytics