Datatable на стороне сервера

Question

Я новичок в .net. Я хочу создать пример DataTable. Мой стол находится в студии управления «sql». Я хочу загрузить эту таблицу в мой DataTable. Как я могу это сделать? Я могу получить таблицу с использованием строки подключения, но как ее исправить в DataTable?

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

У меня есть некоторый код, как это:

<script type="text/javascript" > 
    $(document).ready(function() { 
     $('#example').dataTable({ 
      "bProcessing": true, 
      "bServerSide": true, 
      "sAjaxSource": "somefile" 
     }); 
    }); 
</script> 

Пожалуйста, объясните мне.

Заранее спасибо.

Answer 1

Чтобы дать вам поддержку, я очень новой для .NET и Javascript около девяти месяцев назад (и, возможно, до сих пор я), но я все еще был в состоянии использовать ресурсы на datatables.net сделать очень хороший, функциональный DataTable используя ASP.net и SQL-сервер. Несколько предложений:

Первый: examples page, API reference и forums на datatables.net будут ваши лучшие ресурсы. Я потратил дни, кодируя какой-то действительно сложный способ заставить таблицу сделать что-то относительно простое, чтобы найти через ссылочную страницу, что уже был простой, сложный родной способ сделать это.

Второй: Если вы используете MVC, и это действительно нужно сделать обработку на стороне сервера (если не ниже), есть большая tutorial на коде проекта о том, как сделать это установить с datatables.net.

В-третьих: Обработка на стороне сервера дает вам большой контроль над тем, как таблица отображает ваши данные, но для этого требуется, чтобы вы вручную упорядочивали сортировку и разбивку на страницы. Альтернативным методом, который я использую, является параметр инициализации sAjaxSource для таблицы без bServerSide, установленный в true - поскольку это позволяет мне динамически загружать данные из внешнего (AJAX) источника, в то же время позволяя datatable plugin делать все тяжелые лифтинг. Вот настройки у меня есть (я прошу прощения, если это слишком упрощенно):

1. У меня есть пустой столик в моем HTML, с только заголовки каждого столбца, указанного. Убедитесь, что у вас есть теги thead и tbody.

2. В вашем проекте .NET создайте новый «общий обработчик» (расширение должно быть .ashx). Этот обработчик обработает запрос со своей главной страницы для ваших данных (вы увидите ниже). Здесь я делаю следующее:

   a. Я подключаюсь к базе данных SQL.

   b. Получить представление о таблице, которую я ищу

   c. Разберите каждую строку в объект (я создал для этого новый класс)

   d. Сериализовать массив моих «объектов строки» в объект JSON (так как это будет самый простой способ для работы данных с вашими данными

   e.Напишите ответ на страницу

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

3. Затем я устанавливаю свой файл данных в javascipt страницы, в пределах функции $(document).ready. Я использую файл .ashx как мой источник AJAX, а затем я указать имя, которое я использую в качестве ключа для каждого столбца в моем объекте JSON - с помощью опции mDataProp:

   oTable = $("#production_table").dataTable({    
       "sAjaxSource": 'Data.ashx', 
        //^Change this ashx filename based on 
        // the file you created above in #2 
       "aoColumns": [ 
        { "mDataProp": "column1" }, 
        { "mDataProp": "column2" }, 
        { "mDataProp": "column3" } ] 
   }); 
   

Удачи!