javascript - <Select> widget with infinite scroll dropdown -

-

at page have 20 common html select widgets. example:

<select>     <option>1</option>     ...     <option>3000</option> </select>

that have 3000 or more elements in each one. have decided convert them ajax selects load items dynamically when scrolling.

how can ??

i have provided set of working example of combo-box using jquery ui selectmenu. have used basic json source ajax request, please work on part yourself.

$(".ajax-combo").selectmenu({    "width": "100px",  });  $(".ajax-combo").selectmenu("menuwidget").addclass("make-scrolling");  $(".ajax-combo").selectmenu("menuwidget").scroll(function(e) {    if (e.currenttarget.scrollheight - 10 < e.currenttarget.scrolltop + $(e.currenttarget).height()) {      var curtar = e.currenttarget;      var lasttop = curtar.scrolltop;      $.getjson("http://echo.jsontest.com/10/test/20/rest/30/best/40/vest/50/fest", function(data) {        $.each(data, function(key, val) {          $(".ajax-combo").append("<option value='" + key + "'>" + val + "</option>");        });        $(".ajax-combo").selectmenu("refresh");        curtar.scrolltop = lasttop;      });    }  });
.make-scrolling {    overflow-y: scroll;    height: 150px;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>    <select class="ajax-combo">    <option>1</option>    <option>2</option>    <option>3</option>    <option>1</option>    <option>2</option>    <option>3</option>    <option>1</option>    <option>2</option>    <option>3</option>    <option>1</option>    <option>2</option>    <option>3</option>  </select>


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more