表单自定义一

以你之姓@ 2022-04-22 12:10 245阅读 0赞

在网上找了半天 表单自定义，也没找到。。最后找到了一个拖拉的例子，在此基础上。。实现了表单的拖拉，

//得到控件的绝对位置
    		function getPos(cell) {
    			var pos = new Array();
    			var t = cell.offsetTop;
    			var l = cell.offsetLeft;
    			while (cell = cell.offsetParent) {
    				t += cell.offsetTop;
    				l += cell.offsetLeft;
    			}
    			pos[0] = t;
    			pos[1] = l;
    			return pos;
    		}

上面的是核心代码。。有了上面这个函数，，我们就可以实现自己想实现的功能了，

为了在拖拉过程中实现一个拖拉的效果

//显示图层
    		function showDiv() {
    			var obj = event.srcElement;
    			var pos = new Array();
    			//获取过度图层
    			var oDiv = document.all(dragedTable_movedDiv);
    			if (obj.tagName.toLowerCase() == "td") {
    				obj.style.cursor = "hand";
    				pos = getPos(obj);
    				//计算中间过度层位置，赋值
    				oDiv.style.width = obj.offsetWidth;
    				oDiv.style.height = obj.offsetHeight;
    				oDiv.style.top = pos[0];
    				oDiv.style.left = pos[1];
    				oDiv.innerHTML = obj.innerHTML;//移动层显示的内容
    				oDiv.style.display = "";
    				dragedTable_x0 = pos[1];
    				dragedTable_y0 = pos[0];
    				dragedTable_x1 = event.clientX;
    				dragedTable_y1 = event.clientY;
    				//记住原td
    				dragedTable_normalColor = obj.style.backgroundColor;
    				obj.style.backgroundColor = dragedTable_preColor;
    				dragedTable_preCell = obj;
    				dragedTable_movable = true;
    			}
    		}

嘿嘿。。。也不多说了。。。我上传一个界面大家看看。。可以在此基础上根据自己需要更改

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关 Iview 自定义表单校验

1、定义方法method下面 validateAge(rule, value, callback)\{ console.log(1); if (!value) \{

Bertha 。/ 2023年06月12日 08:39/ 0 赞/ 154 阅读

相关 layui自定义表单校验

layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。 <table> <tbody> <tr> <td> <p>1</p>

向右看齐/ 2022年12月13日 04:48/ 0 赞/ 398 阅读

相关 Element自定义表单rules规则

data() { var validateSplitNum = (rule, value, callback) => { if (v

谁借莪１个温暖的怀抱￠/ 2022年10月14日 00:58/ 0 赞/ 190 阅读

相关动态表单（一）动态表单的定义

什么是动态表单？根据爱因斯坦相对论有动态表单说明是有静态表单的存在，生活中乃至世界任何两个有质量的物体都是运动的，这只是相对论的狭隘解析

快来打我*/ 2022年09月19日 01:27/ 0 赞/ 262 阅读

相关 AngularJs 自定义表单验证

一、AngularJs中的表单验证，仅提供了一些前台格式验证，如果想通过后台验证，则需要自定义处理自定义指定使用ajax后台验证示例： <style>

迈不过友情╰/ 2022年06月12日 05:57/ 0 赞/ 290 阅读

相关表单自定义验证setCustomValidity

对于默认的表单验证，有时候不是很友好，所以我们可以使用自定义表单验证，如下所示： <!DOCTYPE html> <html lang="en">

冷不防/ 2022年06月12日 02:16/ 0 赞/ 290 阅读

相关 layui自定义表单校验

自定义一个金额的校验 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

雨点打透心脏的1/2处/ 2022年06月03日 01:58/ 0 赞/ 437 阅读

相关 vue 表单自定义校验方法

所用组件：Element UI 直接上代码 <el-form :model="editForm" :rules="editFormRules">

ゝ一世哀愁。/ 2022年05月13日 14:04/ 0 赞/ 411 阅读

相关表单自定义一

在网上找了半天表单自定义，也没找到。。最后找到了一个拖拉的例子，在此基础上。。实现了表单的拖拉， //得到控件的绝对位置 function get

以你之姓@/ 2022年04月22日 12:10/ 0 赞/ 246 阅读

相关 iview - 自定义表单验证

自定义表单验证代码 export default { data () { const validateImage = (rule,

电玩女神/ 2021年09月30日 03:14/ 0 赞/ 464 阅读