PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถาม วิธีทำ 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 ด้านล่าง )
 ความคิดเห็นที่ 1
น่าจะแนๆ นี้ ลองดูเป็นแนวทาง

การใช้งาน datepicker ใน jqueryui กับ ข้อมูล clone จาก ajax  


โดย:  Ninenik IP: 1.46.137.xxx วันที่: 10-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
 ความคิดเห็นที่ 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