i have following code creates listing of calendar entries courtroom. each individual case has "status" dropdown set judge after hearing finished. need save information database. have added ng-change , fires function ask to. however, how can selected value of "status" dropdown triggered ng-change?
the code view follows:
<div ng-controller="caselistctrl"> <div class="row" ng-show="$parent.loggedin"> <div class="col-sm-12 calselectrow"> <div class="inner-addon left-addon"> <span class="glyphicon glyphicon-calendar calicon"></span> <input type="text" id="calpick" ng-model="date" jdatepicker /> <i class="glyphicon glyphicon-calendar calclick"></i> <a href="#" class="btn btn-primary flat-edge">>></a> <span class="bluedept">department:</span> <select class="selectpicker deptpicker" id="deptselect" selectpicker data-ng-model="department" ng-change="getcalendar();"> <option ng-repeat="department in departments">{{department.courtroom}}</option> </select> </div> </div> </div> <div class="row" ng-show="$parent.loggedin"> <div> <div class="col-sm-8 col-sm-offset-2 caselist" ng-model="cases" ng-repeat-start="case in cases | orderby: ['sequence', 'ampm', 'sched_time', 'case_number']"> <div class="sequence"> <input type=text class="seq-box" size="1" value="{{case.seqnumber}}" /> <!-- add hidden field hold calendarid value updating sequence later--> <input type="hidden" name="calendarid_{{case.case.casenumber}}" value="{{case.dailyeventcaseid}}" /> </div> <div class="casetitle"> <span class="caselink">{{case.case.casenumber}}</span> <a href="calendar" data-toggle="tooltip" data-placement="top" title="calendar" class="btn btn-xs btn-danger calicon-view" tooltip> <span class="glyphicon glyphicon-calendar"></span> </a> <a href="documents/{{case.case.casenumber}}" data-toggle="tooltip" data-placement="top" title="documents" class="btn btn-xs btn-danger calicon-view" tooltip> <span class="glyphicon glyphicon-file"></span> </a> <a href="parties/{{case.case.casenumber}}" data-toggle="tooltip" data-placement="top" title="parties" class="btn btn-xs btn-danger calicon-view" tooltip> <span class="glyphicon glyphicon-user"></span> </a> <select class="form-control input-mini" id="casestatus" name="casestatus" ng-model="case.statusid" ng-change="setitem(case.dailyeventcaseid, case.case.casenumber, case.eventdate, 'sta');" ng-options="casestatus.status casestatus in casestatus track casestatus.status" required></select> {{case.case.casetitle}} </div> </div> <div class="col-sm-8 col-sm-offset-2 caselist-bottom"> <div class="col-sm-9 col-sm-offset-1" ng-repeat="event in case.events"> <div class="hearing-time">{{case.eventdate | date: 'h:mm a'}}</div> <div class="hearing-title">{{event.eventname}}</div> </div> </div> <div ng-repeat-end></div> </div> </div> </div>
it turns out had modify ng-options. line of code:
<select class="form-control input-mini" id="casestatus" name="casestatus" ng-model="case.statusid" ng-change="setitem(case.dailyeventcaseid, case.case.casenumber, case.eventdate, 'sta');" ng-options="casestatus.status casestatus in casestatus track casestatus.status" required></select> got changed to:
<select class="form-control input-mini" id="casestatus" name="casestatus" ng-model="case.status" ng-change="setitem(case.dailyeventcaseid, case.case.casenumber, case.eventdate, 'sta');" ng-options="casestatus.status casestatus in casestatus track casestatus.status" required></select> that wired correctly , save worked.
Comments
Post a Comment