Mahesh Reddy

NA
363
17.4k

Change Event is not working on Edit functionality

Dec 3 2018 6:36 AM

Hi,

change event is not working on edit functionality

while adding change funnctionality is working

Could please any body help me

Layout = null;

}

<html>

<head>

</head>

<body>

var app = angular.module('MyApp', [])

app.directive("select2", function ($timeout, $parse) {

return {

restrict// Code goes here

: 'AC',

require: 'ngModel',

link: function (scope, element, attrs) {

console.log(attrs);

$timeout(function () {

element.select2();

element.select2Initialized = true;

});

var refreshSelect = function () {

if (!element.select2Initialized) return;

$timeout(function () {

element.trigger('change');

});

};

var recreateSelect = function () {

if (!element.select2Initialized) return;

$timeout(function () {

element.select2('destroy');

element.select2();

});

};

scope.$watch(attrs.ngModel, refreshSelect);

if (attrs.ngOptions) {

var list = attrs.ngOptions.match(/ in ([^ ]*)/)[1];

// watch for option list change

scope.$watch(list, recreateSelect);

}

if (attrs.ngDisabled) {

scope.$watch(attrs.ngDisabled, refreshSelect);

}

};

});

app.controller('MyController', function ($scope, $http, $window) {

$scope.EditCustomer;

$scope.EditIndex;

$scope.Customers = [];

GetCategory();

function GetCategory() {

$scope.categories = [];

$http({

method: 'Get',

url: '/autocomplete/GetCategories/',

}).success(function (data, status, headers, config) {

$scope.categories = data;

}).error(function (data, status, headers, config) {

$scope.message = 'Unexpected Error';

});

}

$scope.GetProducts = function () {

var countryId = $scope.Category.CategoryID;

var data = { "CategoryID": countryId };

var config = {

params: data,

headers: { 'Accept': 'application/json' }

};

if (countryId) {

$http.get("/autocomplete/GetProducts/'", config)

.then(function (data, status, headers, config) {

$scope.products = data.data;

}, function (response) {

alert(response.responseText);

});

}

else {

$scope.products = null;

}

$scope.Add = function () {

//Add the new item to the Array.

var customer = {};

customer.Category = $scope.Category.CategortName;

customer.Product = $scope.Product.ProductName;

$scope.Customers.push(customer);

//Clear the TextBoxes.

$scope.Category = "";

$scope.Product = "";

};

$scope.Remove = function (index) {

//Find the record using Index from Array.

var name = $scope.Customers[index].Name;

if ($window.confirm("Do you want to delete: " + name)) {

//Remove the item from Array using Index.

$scope.Customers.splice(index, 1);

}

$scope.edit = function (index) {

GetCategory();

//$scope.parentrow =true;

//Find the record using Index from Array.

$scope.EditCustomer = $scope.Customers[index];

$scope.Category = $scope.EditCustomer.Category;

$scope.CategoryIs = $scope.EditCustomer.Category;

$scope.Product = $scope.EditCustomer.Product;

$scope.ProductIs = $scope.EditCustomer.Product;

//$scope.Orders = $scope.EditCustomer.Orders;

//$scope.EditCustomer = $scope.Customers[index];

$scope.EditIndex = index;

alert($scope.EditCustomer);

}

$scope.Update = function (index) {

//$scope.parentrow = false;

alert("updated");

//Find the record using Index from Array.

$scope.EditCustomer.Category = $scope.CategoryIs;

$scope.EditCustomer.Product = $scope.ProductIs;

$scope.EditCustomer.Product = $scope.Product.ProductName;

$scope.Customers[index] = $scope.EditCustomer;

//$scope.Orders[index] = $scope.EditCustomer;

alert($scope.EditCustomer);

$scope.Category = "";

$scope.Product = "";

}

$scope.reset = function () {

$scope.Category = "";

$scope.Product = "";

}

});

</script>

<tr>

<th>Category</th>

<th>Product</th>

</tr>

<tr>

<td>{{m.Category}}</td>

<td>{{m.Product}}</td>

<td>

</td>

</tr>

</tbody>

<tfoot>

<tr>

<td>

<option value="">Select Category</option>

</select>

</td>

<td>

<select select2="" ng-model="Product" ng-disabled="!products"

class="form-control input-sm" ng-options="s as s.ProductName for s in products">

<option value="">-- Select Product --</option>

</select>

</td>

</tr>

</tfoot>

</table>

<h4 class="modal-title">Modal Header</h4>

</div>

<thead>

<th style="padding-left:10px; padding-right:10px;" class="thick-line">Category</th>

<th style="padding-left:10px; padding-right:10px;" class="thick-line">Product</th>

@*<th style="padding-left:10px; padding-right:10px;" class="thick-line"></th>*@

<th style="padding-left:10px; padding-right:10px;" class="thick-line">Action</th>

</tr>

<tr>

<td>

<option value="0">Please Select</option>

<option ng-repeat="cat in categories" value="{{cat.CategortName}}"

ng-selected="cat.CategortName == EditCustomer.Category">

</option>

</select>

</td>

<td>

<option value="0">Please Select</option>

<option ng-repeat="cat in products" value="{{cat.ProductName}}"

ng-selected="cat.ProductName == EditCustomer.Product">

</option>

</select>

</td>

<td>

<button type="button" class="btn btn-sm btn-primary" ng-click="Update()">Update</button>

<button type="button" class="btn btn-sm btn-danger" ng-click="reset()">cancel</button>

</td>

</tr>

</thead>

</table>

</div>

<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="reset()">Close</button>

</div>

</body>

</html>

Controller

...............................

[HttpGet]

public ActionResult GetCategories()

{

db.Configuration.ProxyCreationEnabled = false;

var coun = db.Categories.Select(model => new { model.CategoryID, model.CategortName }).ToList();

return Json(coun, JsonRequestBehavior.AllowGet);

}

[HttpGet]

public ActionResult GetProducts(int? CategoryID)

{

db.Configuration.ProxyCreationEnabled = false;

var coun = db.Products.Where(model => model.ProductID == CategoryID).Select(model => new { model.ProductID, model.ProductName }).ToList();

return Json(coun, JsonRequestBehavior.AllowGet);

}

Answers (1)

How to use MAPI over HTTP protocol in c#

How to install windows service through WIX installer