Прежде всего, я хотел бы поблагодарить автора за сортировку подробных вопросов о странице Bootstrap Table и поделился ими с вами. Я надеюсь, что эта статья поможет вам решить различные проблемы в странице Bootstrap Table. Спасибо за чтение.
Вопрос 1: Сервер не может получить значение формы, нет проблем с запросом, но запрос. Форма не может получить значение
Решение: это проблема с Ajax, исходный код использует Native Ajax. 1 можно решить, читая потоковые файлы. 2 Если вы хотите использовать метод запроса.
нравиться
$ ('#tablelist'). Bootstraptable ({Method: 'post', url: "", высота: $ (window) .height ()-200, полосатый: true, dataType: "json", pagination: true, "queryparamstype": «Limit», SingleSelect: falseType: »xwww-form-ur-ur-ur-urde-ur-ur-urde-ur.Вопрос 2: Установите параметры, передаваемые на сервер
Метод:
Функция QueryParams (params) {return {pageize: params.limit, pageNumber: params.pageNumber, username: 4};} $ ('#TableList'). Bootstraptable ({Метод: «Пост», URL: », Height: $ (whind) .heul Queryparams: Queryparams,Вопрос 3: Информация о страницах не может быть получена в фоновом режиме
решать:
1. Установите его в Queryparams
2. В файле bootstrap-table.minjs измените исходный файл, чтобы «ограничить» === this.options.queryparamstype && (e = {limit: e.pagesize, pagenumber: e.pageNumber,
Модификация Bootstrap-table.js также в порядке
if (this.options.queryparamstype === 'limit') {params = {search: params.searchtext, sort: params.sortname, order: params.sortorder}; if (this.options.pagination) {params.limit = this.options.pagesize; params.pagenumber = this.options.pagenumber, this.pagessepize; (this.options.pageNumber - 1);}}Настройка "Queryparamstype": "Limit",
весь:
<script type = "text/javascript"> $ (document) .ready (function () {$ ('#tablelist'). Bootstraptable ({метод: 'post', url: "getcompappylist", рост: $ (window) .height () - 200, полоса: true, dataType: "json", pagination: true ", QueryparAmst:« Singlepe »:« Limitepe »:« Предел »:« Предел »:« Предел »:« Предел »:« Предел »:« Предел »:« Предел »:« Предел »: False, ContentType: «Приложение/X-WWW-Form-Urlencoded», PageSize: 10, PageNumber: 1, поиск: false, // не отображать окно поиска Showcolumns: false, // не отображать раскрывающуюся поле (выберите отображение столбца). responsehandler, столбцы: [{Field: 'CompanyId', флажок: true}, {Field: 'QQ', Tilt: 'QQ', ширина: 100, выравнивание: 'Center', Valign: 'Middle', сортировка: false}, {Field: 'CompanyName', название: «Имя», ширина: 100, align: 'Center', Valign: 'Middle', SORTABLE ', false'); responsehandler (res) {if (res.isok) {var result = b64.decode (res.resultvalue); var resultstr = $ .parsejson (res); return {"rowstr.Items," total ": resultStr.totalitems};} else {roud": [], ",": 0}; Queryparams (params) {return {pageize: params.limit, pageNumber: params.pageNumber, имя пользователя: 4};} </script>Вопрос 4: Повторный поиск после пейджинг
Обязательное условие: пользовательские функции поиска и пейджинг, такие как функция поиска имен продуктов.
Феномен: при поиске надувных кукол, возвращайте 100 записей и переверните на страницу 5. В настоящее время поиск массажных палочек, есть 200 данных, и результат должен быть записью на первой странице, но фактический дисплей является результатом на пятой странице. То есть, после поиска снова, PageNumber не изменился.
Решение: просто сбросьте вариант.
function search () {$ ('#tablelist'). Bootstraptable ({pageNumber: 1, pagesize: 10});}Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию таблицы начальной загрузки
Учебное пособие по использованию плагина Bootstrap
Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.