phpcms后台万能字段活用--挂载js动态修改

本着少改动原平台的原生代码,为了能升级方便.毕竟官方的补丁还是不错的,没必要什么都自己改,自己加.
所以,增加功能时,原则是尽量的不动到原生代码.

发现万能字段可以动态生成html后,就利用它挂载个js,对编辑界面进行一些更改;
如 把select对象的选项改变成另一个网站的数据,或是phpcms无法提供的方式.
动态的隐藏掉某些功能块.方便编辑操作==
只要是不需要对接收步骤进行修改的,只需要在前端显示/编辑时用到的都可以通过本js来动态修改.所以这方便了很多;

如以下代码,就是实现select下拉选项是某一栏目下的文章id.用于文章与文章之间的关联

/*
* phpcms 资讯模型钩子js文件,页面加载完成才运行,所以,如果有页面内容无法加载完成,就导致本js失效
* 使用方式
建立万能字段在里面输入类似以下内容
<script id="hookJs">document.writeln('<script src="http://qidizi.com/phpcms/modules/chrd/statics/js/article.model.hook.js?r=' + new Date().getTime() + '"><\/script>');</script>
然后里面的选项全部全部否,尽量让此字段不影响编辑,达到加载js目的即可
*/
$('#hookJs').prev().hide();
$(function(){//对专栏id处理
var clumnId = 'colunm_id';//专栏id字段名,跟模型字段中一致
if (!$('#' +clumnId).length) return;//字段不存在
var newColumn = '<span> 专栏 : <select name="info[' +clumnId+ ']" id="' +clumnId+ '"><option value="' +$('#' +clumnId).val()+ '">初始值</option></select></span>';
$('#' +clumnId).parent().parent().remove();//把phpcms专栏tr移除
$(newColumn).insertAfter('#property');//移动专栏到文章属性后面
var reloadData = function () {
$.getScript('http://qidizi.com/caches/caches_admin/caches_data/column.json.js', function(){

});
}
$('<input type="button" title="如果没有数据,或是专栏数据发生变更都需要点击这里进行更新js文件后新加载,这些操作是自动的,但是需要人工判断是否需要执行而已" value="刷新专栏数据" id="flashColumnData"/>').insertAfter('#' +clumnId);
$('#flashColumnData').click(function(){
var btn = this;
btn.disabled = true;
$.get('http://qidizi.com/index.php?m=chrd&c=ajax&a=createColumnJson&r=' + new Date().getTime(), function (data) {
btn.disabled = false;

if (1 != data*1) {
return alert('更新失败:' + data);
}

reloadData();
});
});
reloadData();
$('#property').change(function(){
if (10 != this.value * 1) {//文章属性不是专栏,清空专栏选择
$('#' +clumnId)[0].selectedIndex = 0;//变为 请选择
}
});
});