ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить текст лейбы. Как?
15 сообщений из 15, страница 1 из 1
Получить текст лейбы. Как?
    #39555382
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
Получить текст лейбы. Как?

Утро.

Есть радиокнопка завернутая в лейбу. На клик кнопки нужно получить текст лейбы. Взял готовый пример на сайте разработчика, но у меня не работает. Вылетает вот на этой строке "var category = $(item)[0].labels[0].innerText;"

Error: Unable to get property '0' of undefined or null reference

Я вообще этот код плохо читаю. Может, кто объяснит - что это и почему вылетает у меня. На сайте разработчика все работает. Причем я сделал демку один в один.

https://docs.telerik.com/kendo-ui/knowledge-base/radio-buttons-custom-editor

 
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
 function templateFunction(dataItem) {
            var cell = "";
            var category = dataItem.CategoryID - 1;

            for (var i = 0; i < categories.length; i++) {
                var item = "";

                item += "<label>"
                if (category === i) {
                    item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);' checked=checked />";
                } else {
                    item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);'/>";
                }
                item += categories[i].text;
                item += "</label>"
                item += "</br>";

                cell += item;
            }
            return cell;
        };

        function setDataItem(item) {
            var grid = $("#grid").data("kendoGrid");
            var row = $(item).closest("tr");
            var dataItem = grid.dataItem(row);
            var category = $(item)[0].labels[0].innerText;
            var ID;

            for (var i = 0; i < categories.length; i++) {
                if (categories[i].text === category) {
                    ID = i;
                    break;
                }
            };

            dataItem.set("CategoryID", ID + 1);
        };

...
Рейтинг: 0 / 0
18.11.2017, 01:02
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39555926
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Relic HunterМожет, кто объяснит - что это и почему вылетает у меня. На сайте разработчика все работает. Причем я сделал демку один в один.
Значит не "один в один"...
...
Рейтинг: 0 / 0
20.11.2017, 08:29
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39555927
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Relic HunterЕсть радиокнопка завернутая в лейбу. На клик кнопки нужно получить текст лейбы.
Где тестовый пример той разметки?
...
Рейтинг: 0 / 0
20.11.2017, 08:30
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39556284
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Relic Hunter,

Код: javascript
1.
var category = $(item)[0].labels[0].innerText



jquery не знает что такое innerText
...
Рейтинг: 0 / 0
20.11.2017, 16:06
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39556536
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Areostarjquery не знает что такое innerText
А про labels знает?
...
Рейтинг: 0 / 0
21.11.2017, 08:31
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39560881
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
krvsaRelic HunterЕсть радиокнопка завернутая в лейбу. На клик кнопки нужно получить текст лейбы.
Где тестовый пример той разметки?

И кнопка там еще естть "Open in Dojo", типа Fiddle. Ну как же так товаризчи.

 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
<script src="https://demos.telerik.com/kendo-ui/content/shared/js/products.js" type="text/javascript"></script>
<div id="example">
    <div id="grid"></div>

    <script>
        var categories = [{
            "value": 1,
            "text": "Beverages"
        }, {
            "value": 2,
            "text": "Condiments"
        }, {
            "value": 3,
            "text": "Confections"
        }, {
            "value": 4,
            "text": "Dairy Products"
        }, {
            "value": 5,
            "text": "Grains/Cereals"
        }, {
            "value": 6,
            "text": "Meat/Poultry"
        }, {
            "value": 7,
            "text": "Produce"
        }, {
            "value": 8,
            "text": "Seafood"
        }];

        $(document).ready(function() {
            var dataSource = new kendo.data.DataSource({
                pageSize: 20,
                data: products,
                autoSync: true,
                schema: {
                    model: {
                        id: "ProductID",
                        fields: {
                            ProductID: {
                                editable: false,
                                nullable: true
                            },
                            ProductName: {
                                validation: {
                                    required: true
                                }
                            },
                            CategoryID: {
                                editable: true,
                                field: "CategoryID",
                                type: "number",
                                defaultValue: 1
                            },
                            UnitPrice: {
                                type: "number",
                                validation: {
                                    required: true,
                                    min: 1
                                }
                            }
                        }
                    }
                }
            });

            $("#grid").kendoGrid({
                dataSource: dataSource,
                filterable: true,
                groupable: true,
                pageable: true,
                height: 540,
                toolbar: ["create"],
                columns: [{
                        field: "ProductName",
                        title: "Product Name"
                    },
                    {
                        field: "CategoryID",
                        width: "200px",
                        title: "Category",
                        template: templateFunction,
                        editable: function() {
                            return false
                        }
                    },
                    {
                        field: "UnitPrice",
                        title: "Unit Price",
                        format: "{0:c}",
                        width: "200px"
                    },
                    {
                        command: "destroy",
                        title: " ",
                        width: "150px"
                    }
                ],
                editable: true
            });
        });

        function templateFunction(dataItem) {
            var cell = "";
            var category = dataItem.CategoryID - 1;

            for (var i = 0; i < categories.length; i++) {
                var item = "";

                item += "<label>"
                if (category === i) {
                    item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);' checked=checked />";
                } else {
                    item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);'/>";
                }
                item += categories[i].text;
                item += "</label>"
                item += "</br>";

                cell += item;
            }
            return cell;
        };

        function setDataItem(item) {
            var grid = $("#grid").data("kendoGrid");
            var row = $(item).closest("tr");
            var dataItem = grid.dataItem(row);
            var category = $(item)[0].labels[0].innerText;
            var ID;

            for (var i = 0; i < categories.length; i++) {
                if (categories[i].text === category) {
                    ID = i;
                    break;
                }
            };

            dataItem.set("CategoryID", ID + 1);
        };
    </script>
</div>

...
Рейтинг: 0 / 0
28.11.2017, 21:36
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39560883
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
https://docs.telerik.com/kendo-ui/knowledge-base/radio-buttons-custom-editor
...
Рейтинг: 0 / 0
28.11.2017, 21:39
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39560977
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
krvsaRelic HunterМожет, кто объяснит - что это и почему вылетает у меня. На сайте разработчика все работает. Причем я сделал демку один в один.
Значит не "один в один"...Выяснилось, что в FF и Chrome - работает . Но на моем кровавом энтерпрайзе IE, там - не работает . Нужно как-то переписать эту строчку на IE. Как?

Код: html
1.
var category = $(item)[0].labels[0].innerText;
...
Рейтинг: 0 / 0
29.11.2017, 02:44
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39561012
cherepaxa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
cherepaxa
Участник
https://stackoverflow.com/questions/19228839/why-i-cant-get-value-of-label-with-jquery-and-javascript
...
Рейтинг: 0 / 0
29.11.2017, 08:08
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39561017
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Relic HunterНу как же так товаризчи.
У меня твой пример не работает...

 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<script src="https://demos.telerik.com/kendo-ui/content/shared/js/products.js" type="text/javascript"></script>
<div id="example">
    <div id="grid"></div>
</div>
<script>
	var categories = [{
		"value": 1,
		"text": "Beverages"
	}, {
		"value": 2,
		"text": "Condiments"
	}, {
		"value": 3,
		"text": "Confections"
	}, {
		"value": 4,
		"text": "Dairy Products"
	}, {
		"value": 5,
		"text": "Grains/Cereals"
	}, {
		"value": 6,
		"text": "Meat/Poultry"
	}, {
		"value": 7,
		"text": "Produce"
	}, {
		"value": 8,
		"text": "Seafood"
	}];
	$(function() {
		var dataSource = new kendo.data.DataSource({
			pageSize: 20,
			data: products,
			autoSync: true,
			schema: {
				model: {
					id: "ProductID",
					fields: {
						ProductID: {
							editable: false,
							nullable: true
						},
						ProductName: {
							validation: {
								required: true
							}
						},
						CategoryID: {
							editable: true,
							field: "CategoryID",
							type: "number",
							defaultValue: 1
						},
						UnitPrice: {
							type: "number",
							validation: {
								required: true,
								min: 1
							}
						}
					}
				}
			}
		});
		$("#grid").kendoGrid({
			dataSource: dataSource,
			filterable: true,
			groupable: true,
			pageable: true,
			height: 540,
			toolbar: ["create"],
			columns: [{
					field: "ProductName",
					title: "Product Name"
				},
				{
					field: "CategoryID",
					width: "200px",
					title: "Category",
					template: templateFunction,
					editable: function() {
						return false
					}
				},
				{
					field: "UnitPrice",
					title: "Unit Price",
					format: "{0:c}",
					width: "200px"
				},
				{
					command: "destroy",
					title: " ",
					width: "150px"
				}
			],
			editable: true
		});
	});
	function templateFunction(dataItem) {
		var cell = "";
		var category = dataItem.CategoryID - 1;
		for (var i = 0; i < categories.length; i++) {
			var item = "";
			item += "<label>"
			if (category === i) {
				item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);' checked=checked />";
			} else {
				item += "<input type='radio' name='" + dataItem.uid + "' onclick='setDataItem(this);'/>";
			}
			item += categories[i].text;
			item += "</label>"
			item += "</br>";
			cell += item;
		}
		return cell;
	};
	function setDataItem(item) {
		var grid = $("#grid").data("kendoGrid");
		var row = $(item).closest("tr");
		var dataItem = grid.dataItem(row);
		var category = $(item)[0].labels[0].innerText;
		var ID;
		for (var i = 0; i < categories.length; i++) {
			if (categories[i].text === category) {
				ID = i;
				break;
			}
		};
		dataItem.set("CategoryID", ID + 1);
	};
</script>
</body>
</html>


И для демонстрации твоей проблемы он явно великоват.
...
Рейтинг: 0 / 0
29.11.2017, 08:30
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39561110
Руслан Дамирович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Руслан Дамирович
Участник
 
OFFTOPICКакая-то адовая компонента сплошь из говнокода и костылей. ТС, переходи на VUE/REACT.

Код: javascript
1.
var category = $( item ).closest( 'label' )[0].innerText
...
Рейтинг: 0 / 0
29.11.2017, 10:52
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39561568
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
cherepaxa https://stackoverflow.com/questions/19228839/why-i-cant-get-value-of-label-with-jquery-and-javascript ну и причем тут это?
krvsaУ меня твой пример не работает...Говорит само за себя)))

ПС
Это не мой пример. И он работает:)
Руслан Дамирович var category = $( item ).closest( 'label' )[0].innerText;+ $1
...
Рейтинг: 0 / 0
29.11.2017, 19:02
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39561776
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Relic HunterЭто не мой пример. И он работает:)
Просто скопируй и запусти его - там вообще ошибка. Т.е. это вообще не тестовый пример.
Особенно для задачи "как прочитать лейбл при клике на кнопку"...
...
Рейтинг: 0 / 0
30.11.2017, 10:10
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39562189
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
krvsa,

Не морочь мне голову. Скопировал и запустил. Ошибка вылетает при нажатии на кнопку rbutton в IE, что и было сказано в первом посте. По делу есть что сказать? ))
...
Рейтинг: 0 / 0
30.11.2017, 19:13
| Ответить | Цитировать | Написать  
Получить текст лейбы. Как?
    #39562347
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Relic HunterПо делу есть что сказать? ))
Учись делать тестовые примеры к своим проблемам, это может облегчить тебе их решение...
...
Рейтинг: 0 / 0
01.12.2017, 08:47
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить текст лейбы. Как?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39561568&tid=1444381]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 55ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 11ms
total:  162ms
созд. / загр.: 162ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]