Как передать значение из строго типизированного представления в js файл

@Aleksey_FL · Регистрация: 27.09.2013

Author24 — интернет-сервис помощи студентам

Добрый вечер. форумчане.
Вопрос следующий.
Создана модель со строковой переменной.

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
 
namespace WebApplication6.Models
{
    public class Model_st
    {
        public string test { get; set; }
    }
}

В контроллере переменной test присвоено значение и модель передана в типизированное представление

C#

      public ActionResult Index(Model_st md)
        {
            md.test = "Проверка";
            return View(md);
        }

В представлении переменная передается через "Model.test":

HTML5

1	<div>@Model.test</div>

В JavaScript значение передается следующим образом:

Javascript

1	var jstest = '@Model.test';

Но таким образом можно передать только в том случае, если код JS встроен в HTML разметку.
Вопрос.
Как передать значение модели '@Model.test' в отдельный файл JS, где полученное значение должно быть использовано.

Файл JS я подключил через BundleConfig.cs:

C#

1 2	bundles.Add(new ScriptBundle("~/test").Include( "~/Scripts/start.js"));

В шаблоне _Layout.cshtml прописал подключение к файлу:

@Scripts.Render("~/test")

Как передать переменную модели в используемый файл start.js?

Помогите, пожалуйста!

@sashocheck · 26.05.2016, 08:14

Aleksey_FL, в представлении создаешь скрытый input:

C#

1	@Html.HiddenFor(model => model.test)

и в javascript файле ссылаешься на него:

Javascript

1	var jstest = $("#test").val();

@IamRain · 26.05.2016, 19:13

Сообщение от Aleksey_FL

var jstest = '@Model.test';

Ну так используйте эту переменную как буфер. Такие переменные являются свойствами глобального объекта - window - в клиентском js. При условии, что внешний скрипт будет работать с тем же объектом window, вы сможете получить его через window.jstest

@Cupko · 27.05.2016, 16:05

По моему, best practices, это всё таки в data-атрибуты элементов пихать. Не?

@Aleksey_FL · 29.05.2016, 22:48 **[ТС]**

Огромное спасибо за подсказки!!!

У меня уточняющий вопрос по window. Как я понял его можно использовать следующим образом:

Javascript

1	var jstest = '@Model.test';

а в JS-файле значение jstest я могу получить через

Javascript

1	var jstest2 = window.jstest

Я правильно понял?

И еще вопрос. Что за зверь data-атрибуты и в чем их преимущество?
Заранее спасибо!!!

@cyb0rg_01 · 01.06.2016, 08:04

Сообщение от Aleksey_FL

Что за зверь data-атрибуты и в чем их преимущество?

пользовательские данные. например <div id="block1" data-specialmode="@Model.test"></div>
означает, что блок имеет состояние "проверка". вообщем придумано, чтобы официально можно было пихать в элементы все что угодно для удобного использования этих элементов в js.

@IamRain 3458 / 2470 / 695 Регистрация: 02.08.2011 Сообщений: 6,693
	26.05.2016, 19:13	3
	Сообщение от Aleksey_FL var jstest = '@Model.test'; Ну так используйте эту переменную как буфер. Такие переменные являются свойствами глобального объекта - window - в клиентском js. При условии, что внешний скрипт будет работать с тем же объектом window, вы сможете получить его через `window.jstest` 0

@Cupko 653 / 589 / 171 Регистрация: 17.07.2012 Сообщений: 1,670 Записей в блоге: 1
	27.05.2016, 16:05	4
	По моему, best practices, это всё таки в data-атрибуты элементов пихать. Не? 0

@cyb0rg_01 Фрилансер 735 / 352 / 96 Регистрация: 05.05.2014 Сообщений: 2,621
	01.06.2016, 08:04	6
	Сообщение от Aleksey_FL Что за зверь data-атрибуты и в чем их преимущество? пользовательские данные. например <div id="block1" data-specialmode="@Model.test"></div> означает, что блок имеет состояние "проверка". вообщем придумано, чтобы официально можно было пихать в элементы все что угодно для удобного использования этих элементов в js. 0