نمایش نتایج 1 تا 2 از 2

نام تاپیک: سوال در مورد عملیات درج ، حذف و ویرایش بر روی جدول html با استفاده از jquery

  1. #1

    سوال در مورد عملیات درج ، حذف و ویرایش بر روی جدول html با استفاده از jquery

    سلام دوستان
    من میخوام یک جدول HTML طراحی کنم که با استفاده از جی کوئری عملیات اضافه کردن سطر،حذف و ویرایش صورت می گیرد،عملیات درج سطر تقریبا انجام شده و در حذف و ویرایش مشکل دارم،از دوستان و اساتید خواهشمند است در این زمینه راهنمایی کنند تا مشکل من حل شود.
    در ضمن عکس فرم و کدهای را که نوشتم ضمیمه کردم



    myform.PNG





    jQuery(document).ready(function($){

    $(document).on("click", "#btn_add_item", function() {
    //اضافه کردن يک سطر
    fechdata();
    });
    $(document).on("click", "#delete_item", function() {


    //عمليات حذف
    $(this).fadeOut('slow', function () {
    $(this).parent().closest("tr").remove();
    });


    });

    });
    $(document).on("click", "#edite_item", function() {
    //عمليات ويرايش
    });


    function display(obj) {
    //نمايش مقادير
    var tablecontent="";
    $(obj).each(function (i, index) {
    var num=i+1;
    tablecontent+='<tr><td>'+num+' </td><td>'+index.Itemid+' </td><td>'+index.Item+'</td><td>'+index.Price+'</td><td>'+index.Quanity+'</td><td>'+index.Total+'</td><td><i class="glyphicon glyphicon-remove-circle" title="حذف" style="cursor: pointer;color:#f30e0e;font-size: medium;" id="delete_item"></i>&nbsp;&nbsp;<i class="glyphicon glyphicon-edit" title="ويرايش" style="cursor: pointer;color:#0085ba;font-size: medium;" id="edite_item"></i></td></tr>';
    $("#scope_table_item").html(tablecontent);
    });
    }
    function Info() {
    this.Itemid = '';
    this.Quanity = '';
    this.Price = '';
    this.Total = '';
    this.Item = '';
    }
    var data=[];
    function fechdata(){
    //گرفتن مقادير
    var itemid=$("#crm_trade_product").val();
    var item=$("#crm_trade_product").text();
    var quanity=$("#crm_trade_quanity").val();
    var price=$("#crm_trade_price").val();
    var total=price*quanity;
    var obj=new Info();
    obj.Item=item;
    obj.Itemid=itemid;
    obj.Quanity=quanity;
    obj.Price=price;
    obj.Total=total;


    $("#crm_trade_price").val("");
    $("#crm_trade_quanity").val("");
    data.push(obj);
    display(data);

    }


    });

  2. #2
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    1,655

    نقل قول: سوال در مورد عملیات درج ، حذف و ویرایش بر روی جدول html با استفاده از jquery

    بهتر بود خروجی html جدولت رو میزاشتی چون الان مشخص نیست جدول خروجی به چه شکله ولی

    اول اینکه شما نباید از id استفاده کنی برای مواردی که یکتا نیستن و تکرار میشن مثل دکمه حذف
    id نمیتونه تکراری باشه از کلاس استفاده کن

    دوم اینکه برای حذف از این کد استفاده کن

    $(this).parents('tr:first').remove();

تاپیک های مشابه

  1. مقاله: ویدیو های طراحی رابط کاربری (html 5 - css3 - jQuery)
    نوشته شده توسط sinoser در بخش jQuery
    پاسخ: 11
    آخرین پست: پنج شنبه 16 آبان 1392, 12:38 عصر
  2. پاسخ: 1
    آخرین پست: چهارشنبه 24 آبان 1391, 15:54 عصر
  3. آموزش: ویدئوی آموزش استفاده از jquery در asp
    نوشته شده توسط dontspeak در بخش ASP.NET Web Forms
    پاسخ: 3
    آخرین پست: شنبه 08 بهمن 1390, 19:35 عصر
  4. ایجاد یک رولت گردان با استفاده از jQuery و HTML 5
    نوشته شده توسط mehdi.mousavi در بخش jQuery
    پاسخ: 0
    آخرین پست: پنج شنبه 06 خرداد 1389, 10:24 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •