在我们自定义模型的时候 由于站的需要 需要的字段类型 官方目前不能满足
那么能否修改或增加新的字段类型呢?例如把下面的效果 做成一个字段类型
- <html>
- <head>
- <title>jQuery表格操作添加行、删除行和动态移动丨芯晴网页特效丨CsrCode.Cn</title>
- <script language="javascript" src="http://yuanhs1982.blog.163.com/blog/jquery.js"></script>
- </head>
- <body>
- <a href="http://yuanhs1982.blog.163.com/blog/#" onclick="add_line();">添加一行</a> <a href="http://yuanhs1982.blog.163.com/blog/#" onclick="remove_line
- ();">删除一行</a> <a href="http://yuanhs1982.blog.163.com/blog/#" onclick="up_exchange_line();">上移
- </a> <a href="http://yuanhs1982.blog.163.com/blog/#" onclick="down_exchange_line();">下移</a>
- <table>
- <tr><td>序号</td><td>步骤名称</td><td>步骤描述</td><td>相关操作</td></tr>
- </table>
- <table id="content">
- </table>
- <script language="javascript">
- var currentStep=0;
- var max_line_num=0;
- function add_line(){
- max_line_num=$("#content tr:last-child").children("td").html();
- if(max_line_num==null) {
- max_line_num=1;
- }
- else{
- max_line_num=parseInt(max_line_num);
- max_line_num+=1;
- }
- $('#content').append("<tr id='line"+max_line_num+"' onclick='lineclick
- (this);'><td>"+max_line_num+"</td><td>打开网页"+max_line_num+"</td><td>打开登录网
- 页"+max_line_num+"</td><td>删除 编辑</td></tr>");
- }
- function remove_line(){
- $("#content tr").each(
- function(){
- var seq=parseInt($(this).children("td").html());
- if(seq==currentStep) $(this).remove();
- if(seq>currentStep) $(this).children("td").each(function(i){if(i==0)$(this).html(seq-
- 1);});
- }
- );
- currentStep=0;
- }
- function up_exchange_line(){
- if(currentStep==0){
- alert('请选择一项!');
- return false;
- }
- if(currentStep<=1){
- alert('非法操作!');
- return false;
- }
- var upStep=currentStep-1;
- //修改序号
- $('#line'+upStep+" td:first-child").html(currentStep);
- $('#line'+currentStep+" td:first-child").html(upStep);
- //取得两行的内容
- var upContent=$('#line'+upStep).html();
- var currentContent=$('#line'+currentStep).html();
- $('#line'+upStep).html(currentContent);
- //交换当前行与上一行内容
- $('#line'+currentStep).html(upContent);
- $('#content tr').each(function(){$(this).css("background-color","#ffffff");});
- $('#line'+upStep).css("background-color","yellow");
- currentStep=upStep;
- }
- function down_exchange_line(){
- if(currentStep==0){
- alert('请选择一项!');
- return false;
- }
- if(currentStep>=max_line_num){
- alert('非法操作!');
- return false;
- }
- var nextStep=parseInt(currentStep)+1;
- //修改序号
- $('#line'+nextStep+" td:first-child").html(currentStep);
- $('#line'+currentStep+" td:first-child").html(nextStep);
- //取得两行的内容
- var nextContent=$('#line'+nextStep).html();
- var currentContent=$('#line'+currentStep).html();
- $('#line'+nextStep).html(currentContent);
- //交换当前行与上一行内容
- $('#line'+currentStep).html(nextContent);
- $('#content tr').each(function(){$(this).css("background-color","#ffffff");});
- $('#line'+nextStep).css("background-color","yellow");
- currentStep=nextStep;
- }
- function lineclick(line){
- $('#content tr').each(function(){$(this).css("background-color","#ffffff");});
- var seq=$(line).children("td").html();
- $(line).css("background-color","yellow");
- currentStep=seq;
- }
- </script>
- </body>
- </html>