Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /// <reference path="../knockout/knockout-3.4.0.debug.js" />
- /// <reference path="../jquery/jquery.min.js" />
- var deal = function () {
- var self = this;
- // These are the initial options
- self.ManufacturerOptions = ko.observableArray();
- self.VehicleManufacturerId = ko.observable();
- self.RangeOptions = ko.observableArray();
- self.VehicleRangeId = ko.observable();
- var Deals = {
- ManufacturerOptions: self.ManufacturerOptions,
- VehicleManufacturerId: self.VehicleManufacturerId,
- RangeOptions: self.RangeOptions,
- VehicleRangeId: self.VehicleRangeId,
- };
- self.Deal = ko.observable();
- self.Deals = ko.observableArray();
- RetrieveDeals();
- GetManufacturers();
- self.EditData = function (Deal) {
- GetManufacturers();
- GetRanges(Deal.VehicleManufacturerId);
- self.Deal(Deal);
- };
- function GetManufacturers() {
- $.ajax({
- url: 'http://localhost:47633/api/Vehicle/GetManufacturers',
- type: 'get',
- crossDomain: true,
- dataType: 'json',
- contentType: "application/json; charset=utf-8",
- success: function (dataReturned) {
- self.ManufacturerOptions(dataReturned);
- }
- });
- }
- function GetRanges(manufacturerId) {
- $.ajax({
- url: 'http://localhost:47633/api/Vehicle/GetRanges?manufacturerCode=' + manufacturerId,
- type: 'get',
- crossDomain: true,
- dataType: 'json',
- contentType: "application/json; charset=utf-8",
- success: function (dataReturned) {
- self.RangeOptions(dataReturned);
- }
- });
- }
- };
- $(document).ready(function () {
- ko.applyBindings(new deal());
- });
- <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Home.ascx.cs" Inherits="Desktop.Controls.DealBook.Home" %>
- <h1>DealBook</h1>
- <div data-bind="if: Deal">
- <div>
- <h2>Update Deal</h2>
- </div>
- <div>
- <p>Manufacturer: <select id="Manufacturer" data-bind="options: ManufacturerOptions, optionsCaption: 'Select Manufacturer', optionsValue: 'cman_code', optionsText: 'cman_name', value: Deal().VehicleManufacturerId, event: { change: manufacturerChanged}"></select></p>
- <p>Range: <select id="Range" data-bind="options: RangeOptions, optionsCaption: 'Select Range', optionsValue: 'cran_code', optionsText: 'cran_name', value: Deal().VehicleRangeId, event: { change: rangeChanged }"></select></p>
- </div>
- <input type="button" id="btnUpdateData" class="btn btn-primary" value="Update Deal" data-bind="click: UpdateData" />
- <input type="button" id="btnCancel" class="btn btn-primary" value="Cancel" data-bind="click: Cancel" />
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement