multiple select2 php laravel

Februari 15, 2023 — admin

memilih seleksi ganda pada select2 dan menyimpan dengan menggunakan laravel berikut caranya

konfigurasinya


.select2 {
width: 100% !important;
}

<div class="form-group row">
<label for="ambilkodeproduk" class="col-sm-3 col-form-label">Pilih Produk </label>

<div class="form-group col-sm-6">

<select multiple class="form-control form-control-sm select2" name="ambilkodeproduk[]" id="ambilkodeproduk">

</select>

</div>
<div class="form-group col-sm-1">
<button type="button" onclick="javascript:goSimpanAksesProdukAmel()" class="btn btn-sm btn-primary"> Simpan</button>
</div>

</div>

$(document).ready(function()
{

$('#ambilkodeproduk').select2({

allowClear: true,
closeOnSelect:false,
multiple:true,
placeholder: 'masukkan nama kategori barang / jasa',
ajax: {
dataType: 'json',
url: '{{URL('/amel/setting/getkategori')}}',
delay: 800,
type: "POST",
data: function(params)
{
return {
data: params.term
}
},
processResults: function (data, page)
{
return {
results: data
};
},
}
}).on('select2:select', function (evt)
{

$('#ambilkodeproduk').select2({

allowClear: true,
closeOnSelect:false,
multiple:true,
placeholder: 'masukkan nama kategori barang / jasa',
ajax: {
dataType: 'json',
url: '{{URL('/amel/setting/getkategori')}}',
delay: 800,
type: "POST",
data: function(params)
{
return {
data: params.term
}
},
processResults: function (data, page)
{
return {
results: data
};
},
}
});
});

setting pada php untuk insertnya


$kodeproduk2 = $request->input('kodeproduk2');

$dataprodukfix=null;

$N = count($kodeproduk2);

for($i=0; $i < $N; $i++)
{
$dataprodukfix[$i]=
['koderekanan' => $unitownerpenyedia,
'id_ecatalog_ms_barangjasa' => $kodeproduk2[$i],
'tupdateuser' => CustomHelp::format_db_integer_setempty($tupdateuser),
'tupdatehost' => $tupdatehost,
'tupdatetime' => $tupdatetime
];

}

//dd($dataprodukfix);

$hasilnya=DB::table('ecatalog_akses_produk_vendor')
->insert($dataprodukfix);

saemoga berguna 🙂

referensi :

Ditulis dalam jquery. Leave a Comment »

merubah property ahref html dengan jquery

Februari 1, 2023 — admin

misal  kita punya


<a href="#" id='btn_setting_aset' onclick="SettingAsetBatal()"> Batalkan</a>

untuk merubah property onclick


$("#btn_setting_aset").attr("onclick", "https://www.w3schools.com/jquery/");

semoga berguna 🙂

referensi :

Ditulis dalam javascript, jquery. Leave a Comment »

get input radio jquery

Oktober 25, 2022 — admin

untuk mengambil input dari radio button html menggunakan jquery maka
milan nama radio button nya

 <label><input type="radio" name="gender" value="male">Male</label>
<label><input type="radio" name="gender" value="female">Female</label

untuk mengambil nilai dengan jquery berikut caranya :

 var radioValue = $("input[name='gender']:checked").val();

semoga berguna 🙂
referensi :

Ditulis dalam jquery. Tag: . Leave a Comment »

set checked checkbox html search by name and value

September 1, 2022 — admin

untuk set checkbox html dengan javascript dengan pencarian nama dan nilai menggunakn jquery berikut ini adalah caranya

$(“input[name=’namacheckbox’][value=’nilaicheckbox’]”).prop(‘checked’, true);

semoga berguna 🙂

referensi

Ditulis dalam jquery. Leave a Comment »

get text selected html jquery

Oktober 8, 2019 — admin

untuk mengambil text pada select html dengan jquery yang bsi kita lakukan adalah

misalh select html dinya idselectku

untuk mengambil text tersebut bisa dengan


$("#idselectku option:selected").text();

semoga berguna 🙂

referensi:

Ditulis dalam javascript, jquery. Tag: . Leave a Comment »

jquery append automatically complete tag html

Oktober 26, 2016 — admin

jika anda menggunakan fungsi append pada jquery , fungsi ini biasanya akan melengkapi tag anda secara otomatis, misalnya anda melakukan custom html untuk

<span>

dan ketika kita memakai fungsi append jquery maka tag html tersebut akan berubah menjadi

 <span> </span>

tidak cocok bagi yang sedang melakukan custom tag dimana kita harus melengkapi tag penutup atau closing tag setelah kita lakukan operasi kita

solusinya adalah jangan gunakan fungsi append tapi masukkan pada variabel javascript,baru ditampilkan menggunakan  perintah append


var tampung data =''

bla bla bla....

kemudian baru lakukan append jika dirasa tag sudah perlu ditampilkan
semoga berguna 🙂

referensi :

Ditulis dalam javascript, jquery, Uncategorized. Tag: . Leave a Comment »

tombol reset data pada datagrid jeasyui from button

Oktober 20, 2016 — admin

reset-datagrid

untuk melakukan load datagrid dari sebuah button , kita akan seditik tricky yaitu memberi button reset dengan query pencarian kosong sehinga sama dengan kita meload data awal

seperti select * where data =”

berikut tabel htmlnya datagridnya , kita akan meload data dari datagrid dengan


<table id="dg" title="Menu Data Kategori" class="easyui-datagrid" style="width:700px;height:250px"
url="alamatloaddata"
toolbar="#toolbar" pagination="true" loadMsg="Loading!..."
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="id" hidden='true' width="50">ID</th>
<th field="kat" width="50">Kategori</th>
</tr>
</thead>
</table>

<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">Tambah Kategori</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit Kategori</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Delete Kategori</a>
<span>Kategori:</span>
<input id="cari" style="line-height:26px;border:1px solid #ccc">

<a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>
<span style="float:right;padding:5px">
<a href="#" class="easyui-linkbutton" plain="true" onclick="reset()">Reset</a>
</span>
</div>
<!-- form save -->
<div id="dlg" class="easyui-dialog" style="width:500px;height:200px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Isi untuk menambah kategori</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Nama Kategori</label>
<input name="kat" class="easyui-textbox" type="text">
<input name="id" type="hidden">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="save()" style="width:90px">Simpan</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Batal</a>
</div>

 

file resetnya


function reset(){
$('#cari').val('');
$('#dg').datagrid('load',{
cari: $('#cari').val()

})

untuk mengkaitkan tombol reset dengan load datanya tulis onclick=”reset()” seperti pada kode dibawah ini

<a href=”#” class=”easyui-linkbutton” plain=”true” onclick=”reset()”>Reset</a>

$(‘#dg’).datagrid(‘load’,{
cari: $(‘#cari’).val()

})

adalah kode untuk meload data grid ke url yang telah dipasang dengan membawa variabel cari dengan metode post

semoga berguna 🙂

referensi

Ditulis dalam javascript, jquery. Tag: . Leave a Comment »

Refresh content halaman secara ajax dengan fungsi load

April 27, 2011 — admin

untuk meload atau menambahkan isi dari suatu halaman lain kedalam halaman kita secara ajax dapat digunakan fungsi load pada jquery

misal kita punya 2 halaman a.php dan b.php

kita akan meload/memasukkan  isi halaman b.php kedalam a.php secara ajax

save sebagai a.php

  <!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script src="../jquery-1.4.1.min.js"></script>
</head>
<body>
  
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
  
<script>
$("#success").load("http://localhost/jquery/load/not-heire.php", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});
  </script>

</body>
</html>

save sebagai b.php

<?php
echo "hasil loading";
//echo site_url();
?>
Ditulis dalam javascript, jquery. Tag: . Leave a Comment »