在Word文档编辑过程中，有些地方需要预留空位供他人填写录入。相信很多人都有遇到过这种情况 ，单行中三个地方预留空位用于填写，但是在第一个留空处填写内容时，后方的文本位置会随着前方文本的插入而发生变化。
以上图为例，我们可以看到，当我们在主管审批后面录入文本时，后面的文本位置也受影响随之改变。
2024年08月22日
在Word文档编辑过程中，有些地方需要预留空位供他人填写录入。相信很多人都有遇到过这种情况 ，单行中三个地方预留空位用于填写，但是在第一个留空处填写内容时，后方的文本位置会随着前方文本的插入而发生变化。
以上图为例，我们可以看到，当我们在主管审批后面录入文本时，后面的文本位置也受影响随之改变。
2024年08月22日
sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
2024年08月22日
我们在做前后端数据交互或是做前后端分离项目时，经常会碰到请求跨域，什么是跨域请求呢，这要先从同源策略说起，最初是由Netscape 公司将此策略引入浏览器。 同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源，也是浏览器对javascript施加的安全限制，所以类似ab.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的,因为域名不同。同源策略限制了脚本（js）跨网站发请求，可发请求但是拿不到响应。一个源要求:
2024年08月22日
// 定义初始 存放表格数据
var gridItems = ;
//省份复选框
var $provinceCheckbox01 = new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: '省份选择',
labelWidth: 60,
columns: 9,
vertical: true,
margin: '10 0 0 15',
defaults: {
labelWidth: 80,
width: 60,
labelAlign: "left"
},
items: provinceItems, //provinceItems是从其他渠道获取的数据
listeners: {
change: OnChange // 复选框改变事件
}
});
//表格初始数据模型
var gridPanelStore = new Ext.data.Store({
fields: ['discount', 'provinceId', 'provinceName'],
data: {'items': ''},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
// grid
var $grid = new Ext.grid.Panel({
store: gridPanelStore,
selType: 'rowmodel',
singleSelect: true,
margin: '20 0 0 0',
columns: [{
xtype: 'rownumberer',
header: '序号',
width: 70,
align: 'center'
}, {
header: '省份',
width: 150,
sortable: true,
menuDisabled: true,
align: 'center',
dataIndex: 'provinceName'
}, {
header: '折扣',
width: 100,
menuDisabled: true,
sortable: true,
align: 'center',
dataIndex: 'discount',
editor: {
allowBlank: false
}
}],
dockedItems: [{
xtype: "pagingtoolbar",
dock: "bottom",
displayInfo: true
}],
plugins: [cellEditing]
});
//事件监听
function OnChange(newValue, oldValue, eOpts) {
// 清空数据
gridItems = ;
//选中省份ID
var checkedId = this.getValue.xxx;
//判断选中数量
if(checkedId==undefined){
gridItems = ;
} else if (checkedId.length == undefined) {
for (var i = 0; i < provinceItems.length; i++) {
if (provinceItems[i].inputValue == checkedId) {
gridItems[0] = {
"provinceId": checkedId,
"provinceName": provinceItems[i].boxLabel,
"discount": "1"
};
}
}
}else if(checkedId.length !== undefined){
for(var j = 0;j<checkedId.length;j++){
for (var o = 0; o < provinceItems.length; o++) {
if (provinceItems[o].inputValue == checkedId[j]) {
gridItems[j] = {
"provinceId": checkedId[j],
"provinceName": provinceItems[o].boxLabel,
"discount": "1"
};
}
}
}
}
//console.log($gridItems);
$grid.store.loadData($gridItems, false);
}2024年08月22日
企业人力资源管理项目，是SSH+EXT+MySQL+MD5...... 功能有：会话过滤、MD5加密、文件上传、权限设置、报表统计......
关注转发之后，私信关键字【源码】即可免费获取~
运行环境
2024年08月22日
我们在使用extjs进行开发单页面应用时，我们构建了一个viewport有时候可能希望对viewport中的items进行动态替换，网上也有很多的资料但是都只说了个大概并没有详细说明，这里我将对遇到这种需求时如何处理进行详细介绍。
环境
extjs 4.2
2024年08月22日
onClick: function(button) {
var grid = button.up('grid');
var column = grid.down('gridcolumn[text=column1]');
if (column.locked) {
2024年08月22日
extjs中treepanel中的复选框默认是多选，如果修改为单选，参考以下代码。
var fligthInfoTree = new Ext.tree.TreePanel({
border: false,
selModel: flightTreeSelectModel,
loader: flightTreeLoader,
lines: false,
autoScroll: true,
animate: false,
animCollapse: false,
root: flightTreeRoot,
rootVisible: true,
listeners : {
/* checkchange事件 */
'checkchange' : function (node, checked) {
//当前选中的设置选中状态
node.attributes.checked = checked;
//获取该树下的所有已选中节点，设置为非选中
var chs = fligthInfoTree.getChecked();
//循环处理，如果不等于当前选择的节点，则通过toggleCheck方法设置非选中状态
for(var i = 0; i < chs.length; i++) {
if(chs[i].attributes.id != node.attributes.id) {
chs[i].ui.toggleCheck(!checked);
}
}
}
}
});2024年08月22日
Extjs的下拉框，在点击的时候会请求一次数据，我们可不可以在点击前就请求好数据，让用户体验更好呢？答案当然是肯定的。如果是公用的下拉框还可以传入不同参数请求不同数据。
第一步：
进入页面前首先加载store数据，可以根据不同参数请求不同数据，当然这个请求是跟后台交互的。