© EVILEG 2015-2018
Рекомендует хостинг
TIMEWEB
6 июня 2018 г. 7:57
kabanov

ListView переключение между элементами по нажатию ENTER

как по нажатию ENTER переключаться на следующий элемент

17 мая 2018 г. 15:50

DjangoКак я использовал FilterView заместо ListView для упрощения фильтрации

Django, filter, django-bootstrap3, ListView

Благодаря FilterView можно упростить и уменьшить код для отображения товаров, продуктов и тд. Что позволит уменьшить код в разы! Сначала я использовал ListView и писал много когда для того, чтобы можно было бы отфильтровать по запросам. Пока один из хороших знакомых мне не посоветовал django-filter . Прочитав про него больше я понял что это то что нужно. После, когда я хотел все свои вьюшки использовать как обьект. Это меня немного озадачило, пока знакомый снова меня не выручил подсказкой об использовании FilterView, а теперь более подробней обсудим её:

15 марта 2017 г. 18:12

DjangoDjango - Урок 020. Добавление пагинации статей на сайте с помощью ListView и django-bootstrap3

Pagination, Django, django-bootstrap3, ListView

В одной из предыдущих статей был показан вариант внедрения страницы с пагинацией статей, которая может быть главной странице сайта, например. При этом применялся django-bootstrap3.

Но если страница не представляет какого-то особенного функционала, кроме отображения списка статей, например, то необходимо использовать классы дженерики. Одним из которых является ListView . Это позволит сократить программный код проекта и соответственно упростить его.

Класс ListView позволяет указать шаблон, который будет рендериться для отображения таблицы, указать модель данных или queryset, который необходимо будет показать, а также количество объектов на страницу, которые будут выводиться при пагинации.

IndexView

Давайте вспомним, как выглядел предыдущий вариант View класса для отображения списка страниц.

class IndexView(View):
 
    def get(self, request):
        context = {}
        # Забираем все опубликованные статье отсортировав их по дате публикации
        all_articles = Article.objects.filter(article_status=True).order_by('-article_date')
        # Создаём Paginator, в который передаём статьи и указываем, 
        # что их будет 10 штук на одну страницу
        current_page = Paginator(all_articles, 10)
 
        # Pagination в django_bootstrap3 посылает запрос вот в таком виде:
        # "GET /?page=2 HTTP/1.0" 200,
        # Поэтому нужно забрать page и попытаться передать его в Paginator, 
        # для нахождения страницы
        page = request.GET.get('page')
        try:
            # Если существует, то выбираем эту страницу
            context['article_lists'] = current_page.page(page)  
        except PageNotAnInteger:
            # Если None, то выбираем первую страницу
            context['article_lists'] = current_page.page(1)  
        except EmptyPage:
            # Если вышли за последнюю страницу, то возвращаем последнюю
            context['article_lists'] = current_page.page(current_page.num_pages) 
 
        return render_to_response('home/index.html', context)
21 декабря 2016 г. 12:21
Виталий Антипов

Удаление записи из БД (Qml ListView)

На основе урока “База данных SQLite и работа с ней в QML Qt” делаю проект с представлением данных в ListView. Уперся в удалении записи из списка, точнее в получении индекса(Id) выбранного элемента. При выборе (подсветке) элемента кликом мыши значение view.currentIndex соответствует выбранному, но при передаче в getId удаляется всегда первый элемент. В чем моя ошибка? Поправьте пожалуйста.

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
Item {
    id: item1    
    RowLayout {
        anchors.fill: parent
        Rectangle {
            id: rec1
            z:1
            anchors.left: parent.left            
            anchors.top: parent.top            
            height: item1.height
            width: 300
            color: "white"
            border.width: 2
            border.color: "#353637"
            Row{
                id: row1
                anchors.left: rec1.left
                anchors.leftMargin: 5
                anchors.right: rec1.right
                anchors.rightMargin: 5
                anchors.top: rec1.top
                anchors.topMargin: 5
                height: 40
                spacing: 5
                TextField {
                    id: tf1
                    width: 200
                    placeholderText: "Идентификатор"
                    font.pixelSize: 20
                }
                Button {
                    width: rec1.width - tf1.width - 15
                    highlighted: true
                    Text {
                        id: name1
                        text: qsTr("Поиск")
                        font.family: "Arial"
                        font.bold: true
                        color: "white"
                        font.pixelSize: 20
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                    }
                }
            }
            /* Область списка */
            Rectangle {
                id: rec2
                color: "white"
                border.width: 1
                border.color: "#353637"
                width: rec1.width - 10
                anchors.left: rec1.left
                anchors.leftMargin: 5
                anchors.top: row1.bottom
                anchors.topMargin: 5
                anchors.bottom: row2.top
                anchors.bottomMargin: 5
                Flickable {
                    id: view
                    width: list.width
                    anchors.fill: parent
                    contentWidth: list.width
                    ListView {
                        id: list
                        width: rec2.width
                        height: rec2.height
                        anchors.fill: parent
                        model: QueryModel1
                        delegate: numberDelegate
                        focus: true
                        headerPositioning: ListView.OverlayHeader
                        spacing: 1
                        highlight: Rectangle {
                            id: svet
                                    z: -3
                                    y: list.currentItem.y;
                                    Behavior on y { SpringAnimation { spring: 2; damping: 0.1 } }
                                    color: "#1E90FF"
                        }
                                highlightFollowsCurrentItem: true
                                highlightMoveDuration : 100
            }
                    Component {
                        id: numberDelegate
                        RowLayout {
                            id: wrapper
                            property int number: index
                            width: ListView.view.width
                            height: 40
                            //anchors.topMargin: 300
                            z: -1
                            property var view: ListView.view
                            property var isCurrent: ListView.isCurrentItem
                            Rectangle {
                                id: rec3
                                MouseArea {
                                    id: mouse
                                    anchors.fill: parent
                                    onClicked: view.currentIndex = model.index                                                }
                                z: -4
                                width: parent.width
                                height: 40
                                color: "transparent"
                                border.color: "#353637"
                                Text {
                                    anchors.centerIn: parent
                                    font.pixelSize: 20
                                    text: Identifikator
                                }
                                Text {
                                    id: text1
                                    font.pixelSize: 10
                                    text: view.currentIndex
                                }
                            }
                        }
                    }
                transitions: Transition {
                    NumberAnimation { properties: "opacity"; duration: 400 }
                }
            }
            }
            Row {
                id: row2
                anchors.left: rec1.left
                anchors.leftMargin: 5
                anchors.right: rec1.right
                anchors.rightMargin: 5
                anchors.bottom: rec1.bottom
                anchors.bottomMargin: 5
                height: 40
                spacing: 5
                Button {                    
                    highlighted: true
                    width: row2.width / 3 - 10 / 3
                    Text {
                        id: name2
                        text: qsTr("Создать")
                        font.family: "Arial"
                        font.bold: true
                        color: "white"
                        font.pixelSize: 12
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                    }
                    onClicked: {
                        var component = Qt.createComponent("BazaOborudovaniaCreat.qml")
                        var window    = component.createObject(rec0)
                        window.show()
                    }
                }
                Button {                    
                    highlighted: true
                    width: row2.width / 3 - 10 / 3
                    Text {
                        id: name3
                        text: qsTr("Редактировать")
                        font.family: "Arial"
                        font.bold: true
                        color: "white"
                        font.pixelSize: 12
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                    }
                }
                Button {                    
                    highlighted: true
                    width: row2.width / 3 - 10 / 3
                    Text {
                        id: name4
                        text: qsTr("Удалить")
                        font.family: "Arial"
                        font.bold: true
                        color: "white"
                        font.pixelSize: 12
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                    }                    
                    onClicked: {
                        database.removeRecord(QueryModel1.getId(view.currentIndex)) // Почему-то удаляется первый элемент списка
                        QueryModel1.updateModel();
                    }
                }
            }
        }
Rectangle {
    id: rec0
    anchors.left: rec1.right
    anchors.top: parent.top
    anchors.right: parent.right
    height: item1.height
    SwipeView {
        id: swipeView
        anchors.fill: parent
        currentIndex: tabBar.currentIndex
        BazaOborudovania1 {
        }
        BazaOborudovania2 {
        }
        BazaOborudovania3 {
        }
        BazaOborudovania4 {
        }
    }
        TabBar {
        id: tabBar
        height: 40
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0
        currentIndex: swipeView.currentIndex
        TabButton {
            text: qsTr("Общие данные")
            font.pixelSize: 15
            font.family: "Arial"
            font.bold: true
        }
        TabButton {
            text: qsTr("Критерии")
            font.pixelSize: 15
            font.family: "Arial"
            font.bold: true
        }
        TabButton {
            text: qsTr("Подшипники")
            font.pixelSize: 15
            font.family: "Arial"
            font.bold: true
        }
        TabButton {
            text: qsTr("История измерений")
            font.pixelSize: 15
            font.family: "Arial"
            font.bold: true
        }
    }
    }
    }
}

 

9 ноября 2015 г. 9:03

QMLQML - Урок 012. Передача данных из TextInput в ListView (Модель/Представление)

ListView, ListModel, TextInput, Model, Delegate, QML, Qt, Android, View

Работа с ListView в QML является довольно частым аспектом при разработке приложения под Android, поскольку очень многие приложения имеют в своём функционале построение списков с данными, записями, параметрами и т.д. Также это справедливо и при разработке приложений под Desktop на QML принцип будет аналогичен под обе платформы.

Для рассмотрения передачи информации в список предлагаю внимательно рассмотреть следующий вариант взаимодействия с ListView.

Принцип представления данных в ListView

Объект ListView имеет два важных свойства:

  1. delegate - который определяет внешний вид одного элемента в ListView
  2. model - в которую помещаются данные каждого элемента

В качестве модели представления данных можно использовать объект ListModel в котором содержатся данные для каждого элемента в списке. При этом данные присваиваются переменным, которые были присвоены определённым свойствам объектов в delegate. В ниже приведенном рисунке delegate имеет два объекта Text, свойствам text которых присвоены переменные text_first и text_second. Данные переменные определяют, куда буду подставляться данные из каждого ListElement в ListModel. Как видно из рисунка, каждый ListElement имеет два свойства, название которых идентично переменным, которые присвоены в delegate. По сути данные переменные являются ролями, по которым подставляются значения из ListModel. Таким образом получаем ListView с текстовыми полями, которые заполнены теми данными, которые были внесены в каждый ListElement в ListModel.

26 октября 2015 г. 17:25

QMLQML - Урок 007. ListView Qml. Динамическое создание и удаление элементов

Android, ListItem, ListModel, ListView, QML, Qt

В статье про динамическое создание виджетов в Qt я уже рассказывал, как создавать и удалять кнопки динамически, а также как с ними взаимодействовать. И там использовался Vertical Layout , а случае с Qml мы сможем использовать ListView Qml, как аналогично используется при программирование в Java под Android. Что, к слову говоря, также применимо при программировании на Qt под Android.

В статье про динамическое создание виджетов использовались для примера объекты класса QButton. В данной статье будут использоваться объекты Button Qml, о кастомизации которых было рассказано в следующей статье . Но кнопки будут размещаться в ListView Qml.

Структура проекта для работы с ListView Qml

На это раз обойдёмся проектом, созданным по умолчанию и даже без дизайнера интерфейсов. Тем более, что на момент написания статьи не все параметры можно было задать в дизайнере. А структура проекта следующая:

  • QmlDynamic.pro - профайл проекта;
  • deployment.pri - файл правил деплоя на целевую платформу;
  • main.cpp - основной файл запуска приложения;
  • main.qml - qml файл с исходными кодами программы
21 июля 2015 г. 13:55

AndroidAndroid. Кастомизация ListView

Android, ListView, ListAdapter

Кастомизация ListView является обычным явлением при разработке Приложения под ОС Android. ListView (Список) позволяет отображать однотипную информацию в Вашем Приложении, например показывать товары с ценами и характеристиками, если вы разрабатываете Приложение для онлайн продаж. При этом являясь по сути рутинной операцией, тем не менее, некоторые вопросы доставляют начинающим разработчикам массу неудобств. Некоторые из этих неудобств и вопросов будут разобраны в данной статье.

Структура проекта

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

Всего для создания списка используется четыре страны: Россия, Южная Африка, Сингапур, Турция. Флаги этих стран находятся в папке drawable. Также присутствует xml файл для создания бэкграунда ListViewи флагов. Для хранения названий и аббревиатур используется файл strings.xml. Также используется отдельный xml файл для создания разметки элемента ListView.

В Проекте присутствует три класса:

  1. MainActivity
  2. MyListAdapter - который отвечает за передачу данных в форму элемента списка
  3. DataFlags - класс, который призван облегчить передачу данных в Адаптер ListView
24 сентября 2018 г. 17:42
edorofeeva

C++ - Тест 001. Первая программа и типы данных

  • Результат 100баллов,
  • Очки рейтинга10
24 сентября 2018 г. 17:37
edorofeeva

C++ - Тест 001. Первая программа и типы данных

  • Результат 66баллов,
  • Очки рейтинга-1
23 сентября 2018 г. 14:38
No Names

C++ - Тест 001. Первая программа и типы данных

  • Результат 60баллов,
  • Очки рейтинга-1
Последние комментарии
24 сентября 2018 г. 15:09
Евгений Легоцкой

Qt Linux - Урок 001. Автозапуск Qt приложения под Linux

А вот здесь у меня есть пример использования supervisor. https://evileg.com/ru/post/3/ Вся статья вам там не интересна, интересен только шаг с настройкой supervisor. Он получается ...
24 сентября 2018 г. 15:00
avovana

Qt Linux - Урок 001. Автозапуск Qt приложения под Linux

Не могли бы дать ссылку на пример? Какое-то рабочее использование. Т.е. у меня есть Qt Gui App, которое я бы хотел запускать при старте системы и в случае, если оно грохнется. Если о чем Вы го...
24 сентября 2018 г. 14:55
Евгений Легоцкой

Qt Linux - Урок 001. Автозапуск Qt приложения под Linux

Если честно, то я не уверен, что это вообще можно реализовать через *.desktop файл. Я сделал предположение на основе того, что вы сказали про *.desktop и рестарт. Все варианты, котор...
24 сентября 2018 г. 14:47
avovana

Qt Linux - Урок 001. Автозапуск Qt приложения под Linux

Просто сейчас правлю сам файл example.desktop. Пытаюсь понять какую пару key=value мне нужно дописать.
24 сентября 2018 г. 14:42
Евгений Легоцкой

Qt Linux - Урок 001. Автозапуск Qt приложения под Linux

Ну я имел ввиду, что дописать в коде вот сюда то, о чём вы говорили про рестарт QString autorunContent("[Desktop Entry]\n" "Type=Application\n" ...
Сейчас обсуждают на форуме
24 сентября 2018 г. 16:47
Евгений_Канусовский@1981

Чтение файлов в python

Добрый вечер Евгений и форумчане! Столкнулся с проблемой чтения файлов в python: файлы с обычным текстом в формате las и txt читаются, например: ~Version information VERS.          ...
24 сентября 2018 г. 13:29
Евгений Легоцкой

Трансляция видео с помощью VLC по RTP

Добрый день! Я не сталкивался, но предположу, что нужно настроить Input Codec в VLC. В настройках есть секция Input Codec, возможно, что там установлено низкое разрешение. ...
21 сентября 2018 г. 8:25
Евгений Легоцкой

Прокси-модель, содержащая на 1 столбец больше, чем модель-источник.

Попробуйте ещё PySide 2 - это официально поддерживаемый пакет привязок Python к Qt, возможно, что там не будет таких проблем.
20 сентября 2018 г. 20:06
Евгений Легоцкой

Qt Installer Framework

Добрый день. Зачем собирать Qt Installer Framework-то из исходников? Я ещё понимаю Qt собирают из исходников статически (хотя тоже считаю по большей части бесполезной тратой времени),...
Присоединяйтесь к нам в социальных сетях