PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

สอบถาม วิธีทำ autocomplete combobox จากการ clone ครับ

สอบถาม วิธีทำ autocomplete combobox จากการ clone ครับ
ทำตารางเพิ่มข้อมูล แล้ว ผม  clone แถวเพิ่ม จะ  combobox ที่ได้จากการ cloneot8iy[ แล้วจะให้ เป็น autocomplete  ดูตัวอย่างจาก jquery ui แล้ว มันทำงานไม่ได้นะครับ ขอคำแนะนำด้วยครับ ของ jquery  ui  เขาจะเรียก โดย ID    $( "#itemcodeselect" ).combobox(); แต่ของผมจะเรียก โดย  class $( ".itemcodeselect" ).combobox();  โค้ดเลยทำงานผิดนะครับ  ขอคำแนะนำด้วยครับ

โดย:  Wowowow IP: 171.96.160.xxx วันที่: 10-08-2015 เวลา: 21:22:33

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3
แสดงว่าการเรียกใช้ combobox() ก่อน น่าจะไปทำการสร้างอะไรบางอย่างเข้าไปในตาราง
ทำให้อาจมีผลกับโค้ด ลองสร้างเป็น ตัวแปร รับค่าก่อน แล้วค่อยนำไปใช้ ประมาณนี้

    var objClone = $(".row-tr:eq(0)").clone(true)     
    .find("input").val("").end()    
    .find("select").val("").end()  
    .find("label").remove().end();   
    
    $( ".recitemcode-select").combobox();    
    
    $("#addRow").click(function(){    

        objClone.appendTo($("#TblRec_line"));  
        $('.row-tr').each(function (i) {  
          $("td:eq(1)", this).html(i+1);  
        });   
        var lastIndex=$(".recitemcode-select").size()-1;   
            $(".recitemcode-select").eq(lastIndex).attr("id", "").unbind().combobox();      
    });     


>>>  อัพเดท >>> 11-08-2015
------------------------------------------
ปรับค่าตัวแปรเป็น string ก่อนเ เปลี่ยนเป็น

     var objClone = $(".firstTr:eq(0)").clone(true)     
    .find("input").attr("value","").end()    
    .find("select").attr("value","").end();
    objClone = objClone[0].outerHTML;
    
    $( ".recitemcode-select").combobox();      

    $("#addRow").click(function(){      

        $(objClone).appendTo($("#TblRec_line"));    
        $('.row-tr').each(function (i) {    
          $("td:eq(1)", this).html(i+1);    
        });     
        var lastIndex=$(".recitemcode-select").size()-1;     
            $(".recitemcode-select").eq(lastIndex).attr("id", "").unbind().combobox();        
    });      


โดย:  Ninenik IP: 180.183.40.xxx วันที่: 11-08-2015
 ความคิดเห็นที่ 2

//$( ".recitemcode-select").combobox();

$("#addRow").click(function(){  
   
    $(".row-tr:eq(0)").clone(true)   
    .find("input").val("").end()  
    .find("select").val("").end()
    .find("label").remove().end()  
    .appendTo($("#TblRec_line"));
    $('.row-tr').each(function (i) {
      $("td:eq(1)", this).html(i+1);
    }); 
    var lastIndex=$(".recitemcode-select").size()-1; 
        $(".recitemcode-select").eq(lastIndex).attr("id", "").unbind().combobox();    
  });
ถ้าผมคอมแม้น บรรทัดแรกไว้ โค้ดจะทำงานได้นะครับ แต่ แถวแรก ข้อมูลตั้งจ้น จะไม่ทำงาน จะทำงานเฉพาะ อันที่ถูก clone แต่ถ้า เปิด คอมแม้น มันจะทำงานผิดนะครับ

โดย:  Wowowow IP: 171.96.160.xxx วันที่: 10-08-2015 เวลา: 22:26:40
 ความคิดเห็นที่ 1
น่าจะแนๆ นี้ ลองดูเป็นแนวทาง

การใช้งาน datepicker ใน jqueryui กับ ข้อมูล clone จาก ajax  
http://www.ninenik.com/content.php?arti_id=519 via @ninenik


โดย:  Ninenik IP: 1.46.137.xxx วันที่: 10-08-2015