jQuery UI Автозаполнение вопрос о метке и стоимости

Question

На этикетке у нас есть item.ID + '-'+ item.Description значение - это элемент, который является объектом, возвращаемым из службы. Когда выбор сделан 001-MyChoice например. из автозаполнения значение datacontract object связывается с полем автозаполнения как [Object object]. Как я могу получить 001-MyChoice, чтобы быть привязанным к выбору ??? Просьба помочь ..

Answer 1

Теги автозаполнения, возвращаемые вашим веб-сервисом, должны содержать тег «термин», и я думаю, «ID», тогда вызов по умолчанию может помочь вытащить их.Хотя это и не идеальный пример, если вы посмотрите на пример Jasonp в документации по jQueryUI, это может помочь.

Это из памяти, но что-то вроде {"term": "dog", "ID": "123"}, {"term": "cat", "ID": "2"}

Answer 2

Итак, у вас есть 001-MyChoice в качестве метки, и вы хотите, чтобы она была привязана в качестве значения?

Тогда не указывайте object returned в качестве значения.Метка и значение не требуются при автозаполнении.Вы можете указать как , если хотите, чтобы одно из выпадающего списка выбиралось (label), а другое (value) использовалось в качестве значения выбора.

Если вы хотите, чтобы выбранный элемент и значение были одинаковыми, поместите этот же элемент в либо , либо label, либо в свойство value.

Из документов jquery autocomplete :

Свойство метки отображается в меню предложений.Значение будет вставлено в элемент ввода после того, как пользователь выберет что-то из меню.Если указано только одно свойство, оно будет использоваться для обоих, например.если вы предоставляете только значения-свойства, значение также будет использоваться в качестве метки.

Если вам нужно использовать datacontract object, просто назначьте его переменной в обратном вызове selectфункция автозаполнения, и вы можете использовать его как таковой.

Answer 3

Трудно сказать, когда вы не разместили код для проверки. В каком формате ваши данные возвращаются с сервиса? JSON, XML?

Я уверен, что вы уже посмотрели эту ссылку, но здесь она на всякий случай:

http://jqueryui.com/demos/autocomplete/#remote

Разместите пример кода вашего js и пример данных о том, что ваша служба возвращает для лучшего ответа.