Code Jutsu » Extjs http://www.montolz.com The Best Game Cheats Website Thu, 06 Oct 2011 10:20:18 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Run Extjs And Jquery On The Same Page http://www.montolz.com/run-extjs-and-jquery-on-the-same-page/ http://www.montolz.com/run-extjs-and-jquery-on-the-same-page/#comments Tue, 28 Jun 2011 00:19:40 +0000 admin http://www.montolz.com/?p=242 Are you extjs programmer? Are you jquery programmer? Don’t worry, you can run both of them on same page. I will give you some tips to avoid a crashes. Below is the part of code:

<html>
  <head>

    <link href="css/extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
//include your jquery library
    <script type="text/javascript" src="js/jquery.js"></script>
//include adapter for using extjs and jquery on same page
    <script type="text/javascript" src="js/extjs/adapters/ext-jquery-adapter.js"></script>
    <script type="text/javascript" src="js/extjs/ext-all.js"></script>

    <script type="text/javascript">
      $().ready(function(){
        $('#askme').click(function(){
          Ext.Messagebox.confirm('Pertanyaan', 'Apakah anda suka framework.web.id?');
        })
      })
    </script>

  </head>
  <body>
    <button id="askme">Ask Me!</button>
  </body>
</html>

The important code is below :

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/extjs/adapters/ext-jquery-adapter.js"></script>
<script type="text/javascript" src="js/extjs/ext-all.js"></script>

They should be sequentially. Tyr it. Done !

You can run extjs with other javascript framework such as prototype, jquery, yui. See include-order.txt file at extjs root directory and try it same as my way above.

]]> http://www.montolz.com/run-extjs-and-jquery-on-the-same-page/feed/ 0 Extjs : AutoComplete Textfield http://www.montolz.com/extjs-auto-suggest-textfield/ http://www.montolz.com/extjs-auto-suggest-textfield/#comments Sun, 26 Jun 2011 00:19:43 +0000 admin http://www.montolz.com/?p=206 In this section i want to share about how to make textfield in extjs with autocomplete. I think this tutorial very simple but i hope this tutorial can be useful for newbie like me. You can create textfield with autocomplete from combo box. If you can use combo box, i think it’s very easy to create textfield  with auto suggest. Below is part of code to make combo box.

var combo = new Ext.form.ComboBox({
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
hideTrigger: true,//hide combobox trigger, so the combobox looks like textfield
width: 250,
renderTo: 'autocomplete'
});
You just add hideTrigger: true to get textfield with autocomplete. It’s just easy !

You can download source code here.

]]> http://www.montolz.com/extjs-auto-suggest-textfield/feed/ 1