ext引用模板的方法

// 已关联案件
Ext.define(‘WebSystem.view.UnRelateFileGridPanel’, {
extend: ‘Ext.Panel’,
xtype: ‘unRelateFileGridPanel’,
id: ‘unRelateFileGridPanelId’,
enableColumnMove: false,
store: ‘UnRelateFileStore’,
autoScroll: true,
viewConfig: {
forceFit: true,
loadMask: false
},
items: [
{
xtype: ‘dataview’,
tpl: new Ext.XTemplate(
‘

• ’,
  ‘’,
  ‘
• ’,
  ‘’,
  ‘’,
  ‘’,
  ‘’,
  ‘’,
  ‘’,
  ‘
  ’,
  ‘’,
  ‘ {[this.handleName(values.filename)]}’,
  ‘ 下载’,
  ‘
  ’,
  ‘
• ’,
  ‘’,
  ‘

’,
{
isPic: function(type){
if(type == ‘pic’){
return true;
}
else{
return false;
}
},
handleName: function(value){
return value.replace(/ ⁽.{20})(.+)(.{2}.+\w+ $)$/g, "$1… KaTeX parse error: Expected 'EOF', got '}' at position 26: … }̲ …/,
regexText: ‘请点击选择正确日期’,
fieldLabel: ‘上传时间’,
editable: false,
value: getCurrentMonthTime()[0],
blankText: ‘必须选择起始时间’,
listeners: {
select: function () {
if (this.getValue() > this.up(‘toolbar’).down(’#enddate’).getValue()) {
Ext.Msg.alert(‘提示’, ‘起始时间不能大于结束时间’);
this.setValue();
}
}
}
},
{
xtype: ‘datefield’,
itemId: ‘enddate’,
labelWidth: 0,
width: 140,
anchor: ‘100%’,
format: ‘Y-m-d’,
regex: /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)$/,
regexText: ‘请点击选择正确日期’,
fieldLabel: ‘-’,
labelSeparator: ‘’,//去掉冒号
editable: false,
value: getCurrentMonthTime()[1],
blankText: ‘必须选择结束时间’,
listeners: {
select: function () {
if (this.getValue() < this.up(‘toolbar’).down(’#startdate’).getValue()) {
Ext.Msg.alert(‘提示’, ‘起始时间不能大于结束时间’);
this.setValue();
}
}
}
},
’ ',
{
xtype: ‘panel’,
layout: ‘column’,
bodyStyle: “border:0!important”,
items: [
{
xtype: ‘button’,
itemId: ‘btnSearch’,
width: 60,
margin: ‘0 0 0 30’,
text: ‘ 搜索’,
style: ‘background-color:#ff4e4e;background-image: url();’
},
{
xtype: ‘button’,
itemId: ‘btnReset’,
width: 60,
margin: ‘0 0 0 30’,
text: ‘ 重置’,
style: ‘background-color:#ff4e4e;background-image: url();’
}
]
}
]
},
{
xtype: ‘toolbar’,
dock: ‘top’,
border: false,
height: 50,
style: ‘’,
defaults: {
style: ‘margin:0;padding:0 5px 0 5px;’
},
items: [
{
xtype: ‘panel’,
layout: ‘column’,
bodyStyle: “border:0!important”,
items: [
{
xtype: ‘button’,
itemId: ‘btnConnect’,
width: 100,
margin: ‘0 0 0 30’,
text: ‘ 关联案件’,
style: ‘background-color:#ff4e4e;background-image: url();’
}
]
}
]
},
{
xtype: ‘pagingtoolbar’,
inputItemWidth: 40,
store: ‘UnRelateFileStore’,
dock: ‘bottom’,
border: false,
displayInfo: true
}
]
});