fn_currency2.js

Para işlerinin döndüğü bir yazılım projesinde çalışıyorsanız bazı plug-in’leri mecbur kullanıyorsunuz. Mesela son olarak sorumlusu olduğum üniversite satın alma süreç yönetimi projesinde ürünlerin fiyatlarının girildiği bir komponente ihtiyaç duydum. Tabiki bununla alakalı bir çok plug-in mevcut fakat benim kendi ihtiyaçlarımın tamamını karşılayan bi plug-in bulamadım. İş başa düştü dedim ve koyuldum işe.

Nası mı görünüyor:

Soldaki inputta lira kısmı her üç hanede bir nokta olacak şekilde formatlanıyor. Sağdaki inputta ise kuruş kısmı tutuluyor. Sonra, bitmedi dostlar. lira kısmında ara bir rakam silindiğinde onu çıkarım tekrardan formatlıyor.

Bu plug-in’in bağımlı olduğu teknolojiler ise;

  • Bootstrap version 3 ve sonrası (4 değil)
  • jQuery

Kullanım:

<div class="input-group" id="currency_tahminiBedel">
<span class="input-group-addon"><i class="fa fa-try"></i></span>
<asp:TextBox ID="tbDetayliTahminiBedelLira" runat="server" CssClass="form-control fn_currency2_beforeDot" Style="width: 160px;"></asp:TextBox>
<span class="input-group-addon">,</span>
<asp:TextBox ID="tbDetayliTahminiBedelKurus" runat="server" CssClass="form-control fn_currency2_afterDot" Style="width: 50px;"></asp:TextBox>
</div>

Önemli notlar

fn_currency2_beforeDot: bu css class’ı lira kısmını tutacak olan input’a verilmelidir.

fn_currency2_afterDot: bu css class’ı kuruş kısmını tutacak olan inputa verilmelidir.

currency_tahminiBedel: bu id ise componenti cover eden div’in id’si

Bu css atamalarını yaptıktan sonra plug-in’i nası initialize edeceğiz bir de ona bakalım;

$('#currency_tahminiBedel').fn_currency2();

Plug-in events:

eventName Sample Return
getVal $('#currency_sample').fn_currency2('getVal') "54487.45"
$('#currency_sample').fn_currency2('getVal', 'C'); "54.487,45"
$('#currency_sample').fn_currency2('getVal', 'D'); "54487.45"
setVal $('#currency_sample').fn_currency2('setVal', '550,00');
$('#currency_sample').fn_currency2('setVal', '550');
$('#currency_sample').fn_currency2('setVal', '1550,00');
$('#currency_sample').fn_currency2('setVal', '1.550,00');


İndirmek için tıkla