convertSuitableString : function(labelText, rowWidth) {
var text = '';
var regChinese = /[\u4e00-\u9fa5]/;
var regUpCharacter = /[A-Z]/;
var regLowCharacter = /[a-z]/;
var regUnderLine = /[_]/;
var regModdleLine = /[-]/;
var regNumber = /[0-9]/;
var oneLinePix = 0;
var brstring = '<br>';
var inText = labelText.toString();
for (var i = 0; i < inText.length; i++) {
var current = inText.charAt(i);
if (oneLinePix >= rowWidth) {
text += '<br>';
oneLinePix = 0;
}
if (current == ' ') {
text += ' ';
oneLinePix += 1;
} else if (regChinese.test(current)) {
text += current;
oneLinePix += 2;
} else if (regUpCharacter.test(current)) {
text += current;
if (current == 'W') {
oneLinePix += 2;
} else if (current == 'J') {
oneLinePix += 1;
} else if (current == 'I') {
oneLinePix += 0.7;
} else {
oneLinePix += 1.5;
}
} else if (regLowCharacter.test(current)) {
text += current;
if (current == 'w') {
oneLinePix += 1.8;
} else if (current == 'i' || current == 'j' || current == 'l') {
oneLinePix += 0.5;
} else {
oneLinePix += 0.9;
}
} else if (regUnderLine.test(current)) {
text += current;
oneLinePix += 1.5;
} else if (regModdleLine.test(current)) {
text += current;
oneLinePix += 0.5;
} else if (regNumber.test(current)) {
text += current;
oneLinePix += 1.2;
} else {
text += current;
oneLinePix += 1.5;
}
}
return text.toString();
},
分享到:
相关推荐
Extjs 之主界面简单布局,适合刚刚接触ext的新手学习,就一个html页面。 现在拿来分享。
ExtJS_4_官方指南:MVC架构_简体中文版归纳.pdf
extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器
资源名称:ExtJS布局之border实例内容简介:border布局是常见的布局样式,本文档中一个实际项目的示例,比较简单,仅供初学者参考。感兴趣的朋友可以过来看看。自动生成行号,支持checkbox全选,动态选择显示哪些列...
extjs用户登录界面 博文链接:https://hyj0903.iteye.com/blog/691273
Extjs布局实例
ExtJS_4_官方指南:MVC架构_简体中文版整理.pdf
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
资源名称:Extjs中布局的组合使用 中文WORD版内容简介:本文档主要讲述的是Extjs中布局的组合使用;Extjs4.1中布局很经典,也很好用,关键是如何组合布局,组合布局,不仅要达到我们想要的界面效果,还要注意因为...
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
我偏不描述20个字是的发生的发生的发生大幅
ExtJs4 layout 布局 这是鄙人之前自学Ext时收集的文档,详细讲诉了各种布局,并附源码与界面展示,希望能给你带来帮助
jQuery EasyUI 仿 Extjs 界面布局,左边手风琴折叠菜单。点击菜单在右边content区域可增加tab标签,可作为项目的main页
采用ExtJS-4.0.7版本,使得前端也有MVC开发模式,并且利用json来配置管理界面,将界面分成了3个部分,一个是查询界面,一个是操作条,一个是表格,一个操作打开一个新界面,操作按钮执行什么操作均可配置,可以配置...
ExtJs 后台通用界面布局,左侧树,Center Tab 选项
有人说缺一个综合应用的例子,补发一个上来(ExtJs3.2综合应用的例子:云计算管理平台)。这个例子涉及到以下主题: 1.如何划分系统模块; 2.如何扩展组件; 3.基本组件Viewport、TreePanel、GridPanel用法。
Extjs界面设计器,可以根据可视化的设计界面,通过拖动组件和修改属性的方法,生成Extjs脚本,对于Extjs开发有很大的帮助,
Ext 漂亮界面设计 //实例菜单树形 menuTree:new Ext.tree.TreePanel({ title:'功能菜单', region:'west', bodyStyle:'background:transparent url(images/default/panel/group-lr.gif) repeat-x 0 bottom;', id:'...
extjs实现一个后台管理框架,界面美观,可换主题颜色