easyui formatter点击事件执行之后还会执行什么方法
时间: 2024-01-28 14:03:37 浏览: 34
在 easyui 的 formatter 函数中绑定了点击事件后,点击事件执行完成之后并不会主动再执行其他方法。如果需要在点击事件执行完成后执行其他方法,可以在点击事件处理函数中手动调用其他方法。例如,可以在点击事件处理函数的最后添加需要执行的方法的调用语句,这样就可以确保在点击事件执行完成后再执行其他方法。另外,也可以使用回调函数的方式,在点击事件处理函数中传入其他方法的回调函数,在点击事件执行完成后再执行回调函数中的代码。
相关问题
easyui中除了onchange事件还可以用什么事件
EasyUI中除了onchange事件之外,还可以使用以下事件:
1. onClick:当用户单击某个元素时触发;
2. onDblClick:当用户双击某个元素时触发;
3. onMouseOver:当鼠标指针位于元素上方时触发;
4. onMouseOut:当鼠标指针移出元素时触发;
5. onFocus:当元素获得焦点时触发;
6. onBlur:当元素失去焦点时触发;
7. onSubmit:当表单被提交时触发;
8. onLoad:当元素加载完成时触发;
9. onUnload:当元素被卸载时触发。
这些事件可以根据需要来使用,从而实现更加丰富的交互效果。
easyui中formatter:
在EasyUI中,`formatter`是一种格式化函数,常用于对数据进行格式化显示。它可以用于EasyUI组件中的列、文本框、日期框等控件中。具体来说,使用`formatter`可以将原始数据转换为需要显示的格式,例如将数字格式化为带有千位分隔符的字符串、将日期格式化为指定的日期格式等。`formatter`函数接收两个参数:第一个参数是该列的字段值,第二个参数是该行的数据。您可以在`formatter`函数中根据需要对这些值进行处理,并返回处理后的结果。例如,以下是一个将数字格式化为带有千位分隔符的字符串的例子:
```javascript
function formatNumber(value) {
if (value == null) {
return '';
}
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}
```
在使用EasyUI组件时,可以将该函数作为该列的`formatter`属性的值,例如:
```javascript
$('#datagrid').datagrid({
columns: [[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'amount',title:'Amount',width:100,formatter:formatNumber}
]]
});
```
这样,在数据表格中,`amount`列的数据将被格式化为带有千位分隔符的字符串。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)