Allows for creation of stateful jQuery plugins using the same abstraction as all jQuery UI widgets.
Questions tagged [jquery-widget-factory]
5 questions
1
vote
1 answer
Dynamically add new options to existing custom autocomplete
How could I dynamically add a label to existing categories in jQuery UI custom autocomplete? I have made a custom autocomplete like described here (jQuery UI docs for autocomplete):
jQuery UI…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-ui" class="post-tag grid--cell" title="show questions tagged 'jquery-ui'" rel="tag">jquery-ui</a>
<a href="../../questions/tagged/autocomplete" class="post-tag grid--cell" title="show questions tagged 'autocomplete'" rel="tag">autocomplete</a>
<a href="../../questions/tagged/jquery-widgets" class="post-tag grid--cell" title="show questions tagged 'jquery-widgets'" rel="tag">jquery-widgets</a>
<a href="../../questions/tagged/jquery-widget-factory" class="post-tag grid--cell" title="show questions tagged 'jquery-widget-factory'" rel="tag">jquery-widget-factory</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Dec 31 '15 at 11:52">asked Dec 31 '15 at 11:52</time>
<a href="../../users/648138/suhail-gupta" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/648138.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Suhail Gupta" />
</a>
<div class="s-user-card--info">
<a href="../../users/648138/suhail-gupta" class="s-user-card--link">Suhail Gupta</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">22,386</li>
<li class="s-award-bling s-award-bling__gold" title="64 gold badges">64</li>
<li class="s-award-bling s-award-bling__silver" title="200 silver badges">200</li>
<li class="s-award-bling s-award-bling__bronze" title="328 bronze badges">328</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-25388988">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/25388988/jquery-widget-factory-access-options-in-a-callback-method" class="question-hyperlink">jQuery Widget Factory access options in a callback method</a></h3>
<div class="excerpt">I'm trying to create a jQuery control using the widget factory. The idea is that I turn a button into a jQuery button, give it an icon, and register the click event for that button such that when invoked, it displays a calendar control on a textbox,…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/asp.net" class="post-tag grid--cell" title="show questions tagged 'asp.net'" rel="tag">asp.net</a>
<a href="../../questions/tagged/jquery-widget-factory" class="post-tag grid--cell" title="show questions tagged 'jquery-widget-factory'" rel="tag">jquery-widget-factory</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 19 '14 at 16:56">asked Aug 19 '14 at 16:56</time>
<a href="../../users/1082327/arian-motamedi" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/1082327.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Arian Motamedi" />
</a>
<div class="s-user-card--info">
<a href="../../users/1082327/arian-motamedi" class="s-user-card--link">Arian Motamedi</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">7,123</li>
<li class="s-award-bling s-award-bling__gold" title="10 gold badges">10</li>
<li class="s-award-bling s-award-bling__silver" title="42 silver badges">42</li>
<li class="s-award-bling s-award-bling__bronze" title="82 bronze badges">82</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-29166640">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/29166640/object-property-being-read-as-undefined-even-though-the-object-lists-it-as-set" class="question-hyperlink">Object property being read as undefined even though the object lists it as set</a></h3>
<div class="excerpt">I have a JS Widget that is used to work out the closest location to a users current location from a list (using lat/long).
First of all I use the _create() method tries to set the users location by calling setLocation() method, and then after that…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-widget-factory" class="post-tag grid--cell" title="show questions tagged 'jquery-widget-factory'" rel="tag">jquery-widget-factory</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Mar 20 '15 at 12:34">asked Mar 20 '15 at 12:34</time>
<a href="../../users/567059/david-gard" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/567059.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="David Gard" />
</a>
<div class="s-user-card--info">
<a href="../../users/567059/david-gard" class="s-user-card--link">David Gard</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">11,225</li>
<li class="s-award-bling s-award-bling__gold" title="36 gold badges">36</li>
<li class="s-award-bling s-award-bling__silver" title="115 silver badges">115</li>
<li class="s-award-bling s-award-bling__bronze" title="227 bronze badges">227</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-27136931">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/27136931/jquery-widget-undefined" class="question-hyperlink">Jquery widget undefined</a></h3>
<div class="excerpt">First, I am using an MVC WebAPI project. My scripts are configured in the bundle config and then rendered on the page (Index.cshtml).I am trying to create a JQuery widget using the widget factory. I have created the 'test' javascript file with this…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-ui" class="post-tag grid--cell" title="show questions tagged 'jquery-ui'" rel="tag">jquery-ui</a>
<a href="../../questions/tagged/jquery-widget-factory" class="post-tag grid--cell" title="show questions tagged 'jquery-widget-factory'" rel="tag">jquery-widget-factory</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Nov 25 '14 at 21:22">asked Nov 25 '14 at 21:22</time>
<a href="../../users/75759/the-sheek-geek" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/75759.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="The Sheek Geek" />
</a>
<div class="s-user-card--info">
<a href="../../users/75759/the-sheek-geek" class="s-user-card--link">The Sheek Geek</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">4,126</li>
<li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li>
<li class="s-award-bling s-award-bling__silver" title="38 silver badges">38</li>
<li class="s-award-bling s-award-bling__bronze" title="48 bronze badges">48</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-26281294">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/26281294/dialogclose-event-does-not-works-on-ui-dialog-widget-extension" class="question-hyperlink">'dialogclose' event does not works on ui-dialog widget extension</a></h3>
<div class="excerpt">I have this problem and I hope someone can help me.
I extend the 'Ui.dialog' widget, making a new widget, 'qui.qdialog':
$ .widget ( ' qui.qdialog ', $ .ui.dialog , {
options: {
AutoOpen : false,
height: 'auto',
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/jquery-ui" class="post-tag grid--cell" title="show questions tagged 'jquery-ui'" rel="tag">jquery-ui</a>
<a href="../../questions/tagged/jquery-ui-dialog" class="post-tag grid--cell" title="show questions tagged 'jquery-ui-dialog'" rel="tag">jquery-ui-dialog</a>
<a href="../../questions/tagged/jquery-widgets" class="post-tag grid--cell" title="show questions tagged 'jquery-widgets'" rel="tag">jquery-widgets</a>
<a href="../../questions/tagged/jquery-widget-factory" class="post-tag grid--cell" title="show questions tagged 'jquery-widget-factory'" rel="tag">jquery-widget-factory</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Oct 09 '14 at 14:40">asked Oct 09 '14 at 14:40</time>
<a href="../../users/4125705/fabain-hioc" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4125705.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Fabain Hioc" />
</a>
<div class="s-user-card--info">
<a href="../../users/4125705/fabain-hioc" class="s-user-card--link">Fabain Hioc</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">23</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>