美文网首页
JQ同一元素crud

JQ同一元素crud

作者: 97833632c0c7 | 来源:发表于2018-05-28 18:45 被阅读0次

$(function () {

$("#add-task-btn").click(function (event) {

var dialog =$("#task-dialog");

        dialog.modal("show");

        var pj_nameE = dialog.find("#S option:first");

        var task_nameE = dialog.find("input[name='task_name']");

        var describeE = dialog.find("input[name='describe']");

        var create_nameE = dialog.find("input[name='create_name']");

        var saveBtn = dialog.find("#save-case-btn");

        var username =$("#g_username").html();

        pj_nameE.prop("selected", 'selected');

        task_nameE.val('');

        describeE.val('');

        create_nameE.val(username);

        saveBtn.removeAttr("data-type");

    })

});

$(function () {

$("#save-task-btn").click(function (event) {

event.preventDefault();

        var self =$(this);

        var submitType = self.attr("data-type");

        var task_id = self.attr("data-id");

        var pj_name =$("#S option:selected").text();

        var task_name =$("input[name='task_name']").val();

        var describe =$("input[name='describe']").val();

        var create_name =$("input[name='create_name']").val();

        if (!pj_name || !task_name ||! describe ||!create_name){

zlalert.alertInfoToast("请输入完整的用例数据!");

            return;

        }

var url ="";

        if(submitType =='update'){

url ='/Utesttask/';

        }else {

url ='/Atesttask/'

        }

$.post({

'url':url,

            'data':{

'task_id':task_id,

                'pj_name':pj_name,

                'task_name':task_name,

                'describe':describe,

                'create_name':create_name

},

            'success':function (data) {

if(data['code']==200){

window.location.reload();

                }else {

zlalert.alertInfo(data['message']);

                }

}

})

})

});

$(function () {

$(".edit-task-btn").click(function (event) {

event.preventDefault();

        var self =$(this);

        var dialog =$("#task-dialog");

        dialog.modal("show");

        var tr = self.parent().parent();

        var pj_name =tr.attr("data-pj_name");

        var task_name = tr.attr("data-task_name");

        var describe = tr.attr("data-describe");

        var create_name = tr.attr("data-create_name");

        var pj_nameE = dialog.find("#S");

        var task_nameE = dialog.find("input[name='task_name']");

        var describeE = dialog.find("input[name='describe']");

        var create_nameE = dialog.find("input[name='create_name']");

        var saveBtn = dialog.find("#save-task-btn");

        pj_nameE.val(pj_name);

        task_nameE.val(task_name);

        describeE.val(describe);

        create_nameE.val(create_name);

        saveBtn.attr("data-type","update");

        saveBtn.attr("data-id",tr.attr('data-id'))

})

});

$(function () {

$(".delete-task-btn").click(function (event) {

event.preventDefault();

        var self =$(this);

        var tr = self.parent().parent();

        var task_id = tr.attr('data-id');

        zlalert.alertConfirm({

"msg":"您确定删除这条测试计划吗?",

            "confirmCallback":function () {

$.post({

'url':'/Dtesttask/',

                    'data':{

'task_id':task_id

},

                    'success':function (data) {

if (data['code']==200){

window.location.reload();

                        }else {

zlalert.alertInfo(data['message']);

                        }

}

})

}

})

})

});

相关文章

  • JQ同一元素crud

    $(function () {$("#add-task-btn").click(function (event) ...

  • JQuery

    JQ对象和原生对象可以相互转化 原生转JQ $('需要转化的元素')JQ转原生 $('需要转化的元素')[0] 注...

  • jQ基础

    JQ元素获取 DOM对象转jQ对象 jQ对象转Dom对象 元素的显示和隐藏(如果显示则隐藏 如果隐藏则显示)

  • jQuery选择器,选择ul下所有li,除id为demo的li

    jQ: javascript query. 很方便选择dom,从而以更少的代码实现更为复杂的CRUD操作。

  • >>>>> jQuery中的一些注意事项

    this的指向 jQuery中,this指向的是原生的DOM元素element 获取JQ对象 jQ中获取的元素是一...

  • jQuery

    通过Jq获取到的元素是JQ对象,通过元素的document.get***获取到的元素是原生对象,原生对象不能使用J...

  • JQ

    一、jq、DOM转换 jq->DOM: $().get(0) 或 $()[0] 二、获取元素: eve...

  • JQ查找元素

    jQuery siblings() 方法 siblings() 方法返回被选元素的所有同胞元素。 也可以使用可选参...

  • jQuery语法梳理1

    初学jquery需要注意的几点:1.通过JQ获取到的元素是JQ对象,通过元素的document.getXXX获取到...

  • JS、JQ获取高度、宽度

    JQ获取 width() - 返回元素的宽度。height() - 返回元素的高度。innerWidth() 方法...

网友评论

      本文标题:JQ同一元素crud

      本文链接:https://www.haomeiwen.com/subject/ipamjftx.html