xml_form một số nghiệp vụ

1. Tạo nội dung gợi ý chọn nhanh
2. Tạo ô nhập liệu đổ xuống
3. Tạo ô nhập liệu có chọn hiển thị lưới chọn
4. Tạo ô tính toán theo công thức (ví dụ TT=SL*DG)

=====================

1. Tạo nội dung gợi ý chọn nhanh

Gợi ý: tham khảo tạo json nhanh: /iif-admin/xmlgetdata#rendata

Tại input ta thêm:
<div class='col-md-12 mb-2 btGoiYNoiDung'>

<script>

//Hàm set nội dung vào
// NoiDung là tên cột json

  $.get("/module/data/?file=ChungTu_NoiDung_DM.xml&obj=xml_data&find__Nhom=Phiếu thu chi tiết", function(data, status){      
        $.each(data, function (index, itemData) {
var html="<a href=\"javascript:setDienGiai('{0}')\"><span class=\"badge badge-warning badge-pill ng-binding\"><i class=\"fas fa-user-tag\"></i>{0}</span></a> ";
//alert(html);
             $(".btGoiYNoiDung").append(html.replaceAll("{0}",   itemData.NoiDung));
        });
  });

//Hàm set nội dung vào
function setDienGiai(str)
{
$("#DienGiai").val(str);
$("#DienGiai").focus();
}
</script>

</div>

<div class="form-group col-md-12">
         <div class="input-group">
             <div class="input-group-prepend w_title" >
                  <span class="input-group-text w_text" > Diễn giải:</span>
             </div>
             <input autocomplete="off" type="text" name="DienGiai"  id="DienGiai" class='form-control '  value="" >
         </div>
</div> <!-- form-group -->

2. Tạo ô nhập liệu đổ xuống

<div class="form-group col-md-12">
<div class="form-group col-md-12">
         <div class="input-group">
             <div class="input-group-prepend w_title" >
                  <span class="input-group-text w_text" > TK Có:</span>
             </div>                      
             <select class="form-select form-control" name="TKCo" id="TKCo"></select>
         </div>
</div> <!-- form-group -->
<script>
  $.get("/adminxml/Query_Do.aspx?name=KeToanBanHang/DMTK_Loc&out=json&loai=1,2", function(data, status){      
        // alert(JSON.stringify(data ) );
        //var _select = $('#TKCo');
        $.each( data.Q1, function (index, itemData) {
           // alert( itemData.MaTaiKhoan);
            $('#TKCo').append($('<option></option>').val(itemData.MaTaiKhoan).html(itemData.MaTaiKhoan)
        );
        }); //each
  }); //get
</script>

3. Tạo ô nhập liệu có chọn hiển thị lưới chọn

<div class="form-group col-md-12">
         <div class="input-group">
             <div class="input-group-prepend w_title" >
                  <span class="input-group-text w_text" > Chi tiết:</span>
             </div>
             <input autocomplete="off" type="text" name="TKCo_DT2"  id="TKCo_DT2" class='form-control'  value="" >
             <div class="input-group-prepend" >
             
                <a class="bt_open_w_pIIF_Replace btn btn-primary" p_txt_re="{ten}" p_obj_get="#TKCo_DT2" p_l="/adminxml/table_data.aspx?file=QR:NhaHang/ChungTu_DoiTuong_Chon&col=DT1-/-Nhóm-//-DT2-/-Chi tiết-//-Ten-/-Tên-//-DienThoai-/-Điện thoại-//-GhiChu-/-Ghi chú&objreturn=TKCo_DT2&colfindgrid=DT2&value_select={ten}"  p_w="95%" p_h="700px" p_t="Chọn đối tượng" data-toggle="modal" data-target="#Obj_popup_pIIF"  href="#">Chọn</a>
              </div>
         </div>
</div> <!-- form-group -->

<script>
              function set_TKCo_DT2(data)
              {
                 // khi chọn sẽ nap giá trị cột đầu tiên vào ô TKCo_DT2
                $("#TKCo_DT2").val(data[1] );
              }
</script>