Add tabindex to input fields and enhance autocomplete functionality with breakFocus option

This commit is contained in:
2026-11-01 14:12:45 +07:00
parent 7a585ab7c2
commit 465f88bcbc
4 changed files with 6 additions and 6 deletions
+2 -2
View File
@@ -409,10 +409,10 @@ class JualController {
<div class="row mb-1"><div class="col"><hr class="my-1"></div></div>
<div class="row mb-1'.(in_array($this->mode, ['add','edit']) ? '' : ' d-none').'">
<div class="col-sm-9 col-lg-10">
<input type="search" class="form-control fs-5" id="Nama_Produk" value="" placeholder="Scan SKU / Barcode / Ketik Nama Barang" autocomplete="off" />
<input type="search" class="form-control fs-5" id="Nama_Produk" value="" placeholder="Scan SKU / Barcode / Ketik Nama Barang" autocomplete="off" tabindex="1" />
</div>
<div class="col-sm-3 col-lg-2">
<input type="double" class="form-control double fs-5" id="POS_Qty" value="1.00" maxlength="10" />
<input type="double" class="form-control double fs-5" id="POS_Qty" value="1.00" maxlength="10" tabindex="2" />
</div>
</div>
<input type="hidden" id="MemberID" value="'.$atabel['MemberID'].'" >
+2 -2
View File
@@ -587,10 +587,10 @@ class PosController {
<div class="col-sm-12 col-md-9 col-lg-10 mt-3 mt-md-0">
<div class="row mb-1">
<div class="col-sm-9 col-lg-10">
<input type="search" class="form-control fs-5" id="Nama_Produk" value="" placeholder="Scan SKU / Barcode / Ketik Nama Barang" autocomplete="off" />
<input type="search" class="form-control fs-5" id="Nama_Produk" value="" placeholder="Scan SKU / Barcode / Ketik Nama Barang" autocomplete="off" tabindex="1" />
</div>
<div class="col-sm-3 col-lg-2">
<input type="double" class="form-control double fs-5" id="POS_Qty" value="1.00" maxlength="10" />
<input type="double" class="form-control double fs-5" id="POS_Qty" value="1.00" maxlength="10" tabindex="2" />
</div>
</div>
<div id="divPOS1">&nbsp;</div>
+1 -1
View File
@@ -271,7 +271,7 @@ var JualJS = {
onSuccess: (ajson) => {
$('#divTXMaster').html(ajson.html);
FoniaJS.AutoComplete('#Nama_Member', this.PHP + '/auto_member', [], {'selectFunc':this.Member_Comp});
FoniaJS.AutoComplete('#Nama_Produk', this.PHP + '/auto_produk', ['No_Jual','CabID','Grup_MemberID'], {'selectFunc':this.Produk_Comp});
FoniaJS.AutoComplete('#Nama_Produk', this.PHP + '/auto_produk', ['No_Jual','CabID','Grup_MemberID'], {'selectFunc':this.Produk_Comp, 'breakFocus': true});
$('#Nama_Produk').click(() => $('#Nama_Produk').select());
$('#POS_Qty').on({
keyup: (e) => {
+1 -1
View File
@@ -18,7 +18,7 @@ var POSJS = {
Simpan: false,
index: function(){
FoniaJS.AutoComplete('#Nama_Produk', this.PHP + '/auto_produk', ['No_Jual','Grup_MemberID'], {'selectFunc': this.Produk_Comp, 'keyFunc': this.Produk_Key});
FoniaJS.AutoComplete('#Nama_Produk', this.PHP + '/auto_produk', ['No_Jual','Grup_MemberID'], {'selectFunc': this.Produk_Comp, 'keyFunc': this.Produk_Key, 'breakFocus': true});
$('#Nama_Produk').click(() => $('#Nama_Produk').select());
$('#POS_Qty').on({
keyup: (e) => {