fastadmin，关闭双击编辑，编程入门基础知识教学

好心人 136 阅读 0 评论 47 点赞

快速开发框架FastAdmin是一款开源的PHP框架，主要针对中小型企业快速开发，协同办公等应用场景，方便开发人员快速开发出Web应用。其中一个很常见的问题就是表格列表中鼠标双击便自动进入编辑模式，为了避免这个问题出现，我们需要对FastAdmin框架进行一定的设置，关闭双击编辑的功能。

首先，需要了解FastAdmin框架的基本结构和使用方法。FastAdmin框架是一款基于ThinkPHP5.1的快速开发框架，可用于开发Web应用、协同办公等应用场景。该框架提供了强大的模块化布局和基于权限的访问控制，实现了快速开发的理念。其开发人员还提供了完善的文档和技术支持，有着广泛的应用和社区支持。

接下来，我们需要了解双击编辑功能的实现原理。在FastAdmin框架中，双击编辑主要是通过Javascript代码实现的。当用户双击表格列表中的某一条数据时，Javascript代码就会自动调用编辑控件，进入编辑模式。所以，我们只需要找到这段Javascript代码并将其删除或注释掉，就可以实现关闭双击编辑的功能。

具体来说，我们需要先找到FastAdmin框架中的模板文件并进行修改。在FastAdmin框架的后台管理界面中，如果需要关闭双击编辑，可以按照以下步骤进行操作：

1. 打开/list.tpl文件。

2. 找到以下Javascript代码段：

```javascript

$(function() {

$(".table").on("dblclick", "td[data-edit-url]", function() {

var td = $(this);

var url = td.data("edit-url");

var field = td.data("field") || "value";

var value = td.text();

var width = td.data("width") || 150;

var height = td.data("height") || 25;

var title = td.data("title") || "编辑";

var rows = td.data("rows") || 5;

var allowhtml = td.data("allowhtml") || false;

var callback = td.data("callback") || "";

var parse = td.data("parse") || "";

var funcs = {

select: function(r, v) {

var html = '';

for (var i in r) {

if (i == v) {

html += '';

} else {

html += '';

}

return html;

switch: function(r, v) {

var html = '';

for (var i in r) {

if (i == v) {

html += ' ' + r[i] + '';

} else {

html += ' ' + r[i] + '';

}

return html;

radiobox: function(r, v) {

var html = '';

for (var i in r) {

if (i == v) {

html += ' ' + r[i] + '';

} else {

html += ' ' + r[i] + '';

}

return html;

checkbox: function(r, v) {

var html = '';

for (var i in r) {

if (i == v) {

html += ' ' + r[i] + ' ';

} else {

html += ' ' + r[i] + ' ';

}

return html;

textarea: function(r, v) {

return '' + v + '';

};

if (allowhtml) {

var content = value;

} else {

var content = $("

").text(value).html();

}

layer.open({

type: 1,

area: [width + "px", height + "px"],

title: title,

// skin: 'layui-layer-rim', // 加上边框

content: '

btn: ['保存', '取消'],

yes: function(index) {

var form = $(".edit-form");

var value = form.find('[name="value"]').val();

if (!value) {

layer.msg('内容不能为空');

return false;

}

var params = {id: td.closest('tr').data('id')};

params[field] = value;

$.post(url, params, function(res) {

if (res.code == 1) {

layer.msg(res.msg, {time:1000}, function(){

if (res.url && res.url !== 'javascript:') {

location.href = res.url;

} else {

location.reload();

}

});

} else {

layer.msg(res.msg);

}

}, 'json');

return false;

}

});

if (parse == 'select' && td.data("options")) {

$.getJSON(td.data("options"), function(r) {

$('select[name="value"]').html(funcs.select(r, value));

});

}

});

```

3. 将以上代码段删除或注释掉即可实现关闭双击编辑的功能。

需要注意的是，关闭双击编辑功能虽然能够提高系统的安全性和便捷性，但是也可能会降低系统的灵活性和客户体验。因此，建议在实际应用中根据项目需求进行选择。

虽然FastAdmin框架是一款非常强大的快速开发框架，但复杂的代码逻辑和注释可能导致初学者难以掌握。因此，建议开发者在使用FastAdmin框架时尝试阅读其官方文档，并与其他开发者进行交流和讨论，以帮助自己更好地理解和使用该框架。

购买后如果没出现相关链接，请刷新当前页面!!!
链接失效的请留言，我看见了就补上！！！

网站内容来源于互联网，我们将这些信息转载出来的初衷在于分享与学习，这并不意味着我们站点对这些信息的观点或真实性作出认可，我们也不承担对这些信息的责任。
适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。适龄提示：适合18岁以上使用！

点赞(47) 打赏