Compare commits
30 Commits
41a5f39a1c
...
1eaa67539f
| Author | SHA1 | Date |
|---|---|---|
 xiaokai
|
1eaa67539f | 2 years ago |
|
xiaokai
|
a74a94e388 | 2 years ago |
|
xiaokai
|
52ec132ef0 | 2 years ago |
|
xiaokai
|
b8373a5098 | 2 years ago |
|
xiaokai
|
d9e5eb84f0 | 2 years ago |
|
xiaokai
|
d249cb04f9 | 2 years ago |
|
xiaokai
|
c40973f02c | 2 years ago |
|
xiaokai
|
fc9cfc3919 | 2 years ago |
|
pya9flm25
|
2360ea86c1 | 2 years ago |
|
xiaokai
|
cdf07c0394 | 2 years ago |
|
xiaokai
|
81735bbc53 | 2 years ago |
|
pya9flm25
|
ae4cb70283 | 2 years ago |
|
xiaokai
|
dbbddccdb0 | 2 years ago |
|
xiaokai
|
0ad53f48d3 | 2 years ago |
|
xiaokai
|
19a77f786f | 2 years ago |
|
xiaokai
|
6d6d6e78be | 2 years ago |
|
xiaokai
|
dc8bc30623 | 2 years ago |
|
xiaokai
|
a008aa6d2b | 2 years ago |
|
xiaokai
|
2abe378316 | 2 years ago |
|
xiaokai
|
530dcaeb5e | 2 years ago |
|
xiaokai
|
bf80a9f1aa | 2 years ago |
|
xiaokai
|
f04180ddf3 | 2 years ago |
|
xiaokai
|
4f012c42d8 | 2 years ago |
|
xiaokai
|
ac1eceece2 | 2 years ago |
|
xiaokai
|
e91fce984c | 2 years ago |
|
xiaokai
|
22d7e4ca88 | 2 years ago |
|
xiaokai
|
e58c2e818a | 2 years ago |
|
xiaokai
|
53b3e06bb9 | 2 years ago |
|
xiaokai
|
89981276ac | 2 years ago |
|
pya9flm25
|
ffd8f976b1 | 2 years ago |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,26 @@
|
||||
QT += core gui
|
||||
|
||||
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
|
||||
|
||||
CONFIG += c++11
|
||||
|
||||
# You can make your code fail to compile if it uses deprecated APIs.
|
||||
# In order to do so, uncomment the following line.
|
||||
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0
|
||||
|
||||
SOURCES += \
|
||||
finddialog.cpp \
|
||||
main.cpp \
|
||||
mainwindow.cpp
|
||||
|
||||
HEADERS += \
|
||||
finddialog.h \
|
||||
mainwindow.h
|
||||
|
||||
FORMS += \
|
||||
mainwindow.ui
|
||||
|
||||
# Default rules for deployment.
|
||||
qnx: target.path = /tmp/$${TARGET}/bin
|
||||
else: unix:!android: target.path = /opt/$${TARGET}/bin
|
||||
!isEmpty(target.path): INSTALLS += target
|
||||
@ -0,0 +1,427 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE QtCreatorProject>
|
||||
<!-- Written by QtCreator 5.0.2, 2023-05-30T21:54:35. -->
|
||||
<qtcreator>
|
||||
<data>
|
||||
<variable>EnvironmentId</variable>
|
||||
<value type="QByteArray">{9ae9cba5-5ab5-4831-839f-36c967a0caed}</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.ActiveTarget</variable>
|
||||
<value type="int">0</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.EditorSettings</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<value type="bool" key="EditorConfiguration.AutoIndent">true</value>
|
||||
<value type="bool" key="EditorConfiguration.AutoSpacesForTabs">false</value>
|
||||
<value type="bool" key="EditorConfiguration.CamelCaseNavigation">true</value>
|
||||
<valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.0">
|
||||
<value type="QString" key="language">Cpp</value>
|
||||
<valuemap type="QVariantMap" key="value">
|
||||
<value type="QByteArray" key="CurrentPreferences">CppGlobal</value>
|
||||
</valuemap>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.1">
|
||||
<value type="QString" key="language">QmlJS</value>
|
||||
<valuemap type="QVariantMap" key="value">
|
||||
<value type="QByteArray" key="CurrentPreferences">QmlJSGlobal</value>
|
||||
</valuemap>
|
||||
</valuemap>
|
||||
<value type="int" key="EditorConfiguration.CodeStyle.Count">2</value>
|
||||
<value type="QByteArray" key="EditorConfiguration.Codec">UTF-8</value>
|
||||
<value type="bool" key="EditorConfiguration.ConstrainTooltips">false</value>
|
||||
<value type="int" key="EditorConfiguration.IndentSize">4</value>
|
||||
<value type="bool" key="EditorConfiguration.KeyboardTooltips">false</value>
|
||||
<value type="int" key="EditorConfiguration.MarginColumn">80</value>
|
||||
<value type="bool" key="EditorConfiguration.MouseHiding">true</value>
|
||||
<value type="bool" key="EditorConfiguration.MouseNavigation">true</value>
|
||||
<value type="int" key="EditorConfiguration.PaddingMode">1</value>
|
||||
<value type="bool" key="EditorConfiguration.PreferSingleLineComments">false</value>
|
||||
<value type="bool" key="EditorConfiguration.ScrollWheelZooming">true</value>
|
||||
<value type="bool" key="EditorConfiguration.ShowMargin">false</value>
|
||||
<value type="int" key="EditorConfiguration.SmartBackspaceBehavior">0</value>
|
||||
<value type="bool" key="EditorConfiguration.SmartSelectionChanging">true</value>
|
||||
<value type="bool" key="EditorConfiguration.SpacesForTabs">true</value>
|
||||
<value type="int" key="EditorConfiguration.TabKeyBehavior">0</value>
|
||||
<value type="int" key="EditorConfiguration.TabSize">8</value>
|
||||
<value type="bool" key="EditorConfiguration.UseGlobal">true</value>
|
||||
<value type="bool" key="EditorConfiguration.UseIndenter">false</value>
|
||||
<value type="int" key="EditorConfiguration.Utf8BomBehavior">1</value>
|
||||
<value type="bool" key="EditorConfiguration.addFinalNewLine">true</value>
|
||||
<value type="bool" key="EditorConfiguration.cleanIndentation">true</value>
|
||||
<value type="bool" key="EditorConfiguration.cleanWhitespace">true</value>
|
||||
<value type="QString" key="EditorConfiguration.ignoreFileTypes">*.md, *.MD, Makefile</value>
|
||||
<value type="bool" key="EditorConfiguration.inEntireDocument">false</value>
|
||||
<value type="bool" key="EditorConfiguration.skipTrailingWhitespace">true</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.PluginSettings</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<valuemap type="QVariantMap" key="AutoTest.ActiveFrameworks">
|
||||
<value type="bool" key="AutoTest.Framework.Boost">true</value>
|
||||
<value type="bool" key="AutoTest.Framework.CTest">false</value>
|
||||
<value type="bool" key="AutoTest.Framework.Catch">true</value>
|
||||
<value type="bool" key="AutoTest.Framework.GTest">true</value>
|
||||
<value type="bool" key="AutoTest.Framework.QtQuickTest">true</value>
|
||||
<value type="bool" key="AutoTest.Framework.QtTest">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="AutoTest.CheckStates"/>
|
||||
<value type="int" key="AutoTest.RunAfterBuild">0</value>
|
||||
<value type="bool" key="AutoTest.UseGlobal">true</value>
|
||||
<valuelist type="QVariantList" key="ClangCodeModel.CustomCommandLineKey">
|
||||
<value type="QString">-fno-delayed-template-parsing</value>
|
||||
</valuelist>
|
||||
<value type="bool" key="ClangCodeModel.UseGlobalConfig">true</value>
|
||||
<value type="QString" key="ClangCodeModel.WarningConfigId">Builtin.BuildSystem</value>
|
||||
<valuemap type="QVariantMap" key="ClangTools">
|
||||
<value type="bool" key="ClangTools.AnalyzeOpenFiles">true</value>
|
||||
<value type="bool" key="ClangTools.BuildBeforeAnalysis">true</value>
|
||||
<value type="QString" key="ClangTools.DiagnosticConfig">Builtin.DefaultTidyAndClazy</value>
|
||||
<value type="int" key="ClangTools.ParallelJobs">4</value>
|
||||
<valuelist type="QVariantList" key="ClangTools.SelectedDirs"/>
|
||||
<valuelist type="QVariantList" key="ClangTools.SelectedFiles"/>
|
||||
<valuelist type="QVariantList" key="ClangTools.SuppressedDiagnostics"/>
|
||||
<value type="bool" key="ClangTools.UseGlobalSettings">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="CppEditor.QuickFix">
|
||||
<value type="bool" key="UseGlobalSettings">true</value>
|
||||
</valuemap>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.Target.0</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<value type="QString" key="DeviceType">Desktop</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Desktop Qt 5.12.12 MinGW 32-bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Desktop Qt 5.12.12 MinGW 32-bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">qt.qt5.51212.win32_mingw73_kit</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.0">
|
||||
<value type="int" key="EnableQmlDebugging">0</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Debug</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">2</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.1">
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Release</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Release</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Release</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="int" key="QtQuickCompiler">0</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.2">
|
||||
<value type="int" key="EnableQmlDebugging">0</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Profile</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="int" key="QtQuickCompiler">0</value>
|
||||
<value type="int" key="SeparateDebugInfo">0</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">3</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Deploy</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.DeployConfiguration.CustomData"/>
|
||||
<value type="bool" key="ProjectExplorer.DeployConfiguration.CustomDataEnabled">false</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
|
||||
<value type="bool" key="Analyzer.Perf.Settings.UseGlobalSettings">true</value>
|
||||
<value type="bool" key="Analyzer.QmlProfiler.Settings.UseGlobalSettings">true</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Settings.UseGlobalSettings">true</value>
|
||||
<valuelist type="QVariantList" key="CustomOutputParsers"/>
|
||||
<value type="int" key="PE.EnvironmentAspect.Base">2</value>
|
||||
<valuelist type="QVariantList" key="PE.EnvironmentAspect.Changes"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4RunConfiguration:E:/QTUWE/UWEproject/UWE_file/UWE_file.pro</value>
|
||||
<value type="QString" key="ProjectExplorer.RunConfiguration.BuildKey">E:/QTUWE/UWEproject/UWE_file/UWE_file.pro</value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebuggerAuto">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseLibrarySearchPath">true</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">false</value>
|
||||
<value type="QString" key="RunConfiguration.WorkingDirectory.default">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_32_bit-Debug</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.Target.1</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<value type="QString" key="DeviceType">Desktop</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Desktop Qt 5.12.12 MinGW 64-bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Desktop Qt 5.12.12 MinGW 64-bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">qt.qt5.51212.win64_mingw73_kit</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.0">
|
||||
<value type="int" key="EnableQmlDebugging">0</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Debug</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">2</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.1">
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Release</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Release</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Release</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="int" key="QtQuickCompiler">0</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.2">
|
||||
<value type="int" key="EnableQmlDebugging">0</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">E:\QTUWE\UWEproject\build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory.shadowDir">E:/QTUWE/UWEproject/build-UWE_file-Desktop_Qt_5_12_12_MinGW_64_bit-Profile</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<valuelist type="QVariantList" key="QtProjectManager.QMakeBuildStep.SelectedAbis"/>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.CustomParsers"/>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="int" key="QtQuickCompiler">0</value>
|
||||
<value type="int" key="SeparateDebugInfo">0</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">3</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Deploy</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.DeployConfiguration.CustomData"/>
|
||||
<value type="bool" key="ProjectExplorer.DeployConfiguration.CustomDataEnabled">false</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
|
||||
<value type="bool" key="Analyzer.Perf.Settings.UseGlobalSettings">true</value>
|
||||
<value type="bool" key="Analyzer.QmlProfiler.Settings.UseGlobalSettings">true</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Settings.UseGlobalSettings">true</value>
|
||||
<valuelist type="QVariantList" key="CustomOutputParsers"/>
|
||||
<value type="int" key="PE.EnvironmentAspect.Base">2</value>
|
||||
<valuelist type="QVariantList" key="PE.EnvironmentAspect.Changes"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.CustomExecutableRunConfiguration</value>
|
||||
<value type="QString" key="ProjectExplorer.RunConfiguration.BuildKey"></value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebuggerAuto">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.TargetCount</variable>
|
||||
<value type="int">2</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.Updater.FileVersion</variable>
|
||||
<value type="int">22</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>Version</variable>
|
||||
<value type="int">22</value>
|
||||
</data>
|
||||
</qtcreator>
|
||||
@ -0,0 +1,135 @@
|
||||
#include "finddialog.h"
|
||||
#include "mainwindow.h"
|
||||
#include <QEvent>
|
||||
#include <QTextCursor>
|
||||
#include <QMessageBox>
|
||||
#include <QtWidgets/QPlainTextEdit>
|
||||
#include <QtGui>
|
||||
#include <QtWidgets>
|
||||
#include <QPalette>
|
||||
FindDialog::FindDialog(QWidget *parent, QPlainTextEdit* pText)
|
||||
: QDialog(parent, Qt::WindowCloseButtonHint | Qt::Drawer)
|
||||
{
|
||||
initControl();
|
||||
connectSlot();
|
||||
setLayout(&m_layout);
|
||||
setWindowTitle("Find");
|
||||
setPlainTextEdit(pText);
|
||||
}
|
||||
|
||||
void FindDialog::initControl()
|
||||
{
|
||||
m_findLbl.setText("Find What:");
|
||||
m_findBtn.setText("Find Next");
|
||||
m_closeBtn.setText("Close");
|
||||
m_matchChkBx.setText("Match Case");
|
||||
m_backwardBtn.setText("Backward");
|
||||
m_forwardBtn.setText("Forward");
|
||||
m_forwardBtn.setChecked(true);
|
||||
m_radioGrpBx.setTitle("Direction");
|
||||
|
||||
m_hbLayout.addWidget(&m_forwardBtn);
|
||||
m_hbLayout.addWidget(&m_backwardBtn);
|
||||
|
||||
m_radioGrpBx.setLayout(&m_hbLayout);
|
||||
|
||||
m_layout.setSpacing(10);
|
||||
m_layout.addWidget(&m_findLbl, 0, 0);
|
||||
m_layout.addWidget(&m_findEdit, 0, 1);
|
||||
m_layout.addWidget(&m_findBtn, 0, 2);
|
||||
m_layout.addWidget(&m_matchChkBx, 1, 0);
|
||||
m_layout.addWidget(&m_radioGrpBx, 1, 1);
|
||||
m_layout.addWidget(&m_closeBtn, 1, 2);
|
||||
|
||||
}
|
||||
|
||||
void FindDialog::connectSlot()
|
||||
{
|
||||
connect(&m_findBtn, SIGNAL(clicked()), this, SLOT(onFindClicked()));
|
||||
connect(&m_closeBtn, SIGNAL(clicked()), this, SLOT(onCloseClicked()));
|
||||
}
|
||||
|
||||
void FindDialog::setPlainTextEdit(QPlainTextEdit* pText)
|
||||
{
|
||||
m_pText = pText;
|
||||
}
|
||||
|
||||
QPlainTextEdit* FindDialog::getPlainTextEdit()
|
||||
{
|
||||
return m_pText;
|
||||
}
|
||||
|
||||
bool FindDialog::event(QEvent* evt)
|
||||
{
|
||||
if( evt->type() == QEvent::Close )
|
||||
{
|
||||
hide();
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
return QDialog::event(evt);
|
||||
}
|
||||
|
||||
void FindDialog::onFindClicked()
|
||||
{
|
||||
QString target = m_findEdit.text();
|
||||
|
||||
if( (m_pText != NULL) && (target != "") )
|
||||
{
|
||||
QString text = m_pText->toPlainText();
|
||||
QTextCursor c = m_pText->textCursor();
|
||||
int index = -1;
|
||||
if( m_forwardBtn.isChecked() )
|
||||
{
|
||||
index = text.indexOf(target, c.position(), m_matchChkBx.isChecked() ? Qt::CaseSensitive : Qt::CaseInsensitive);
|
||||
|
||||
if( index >= 0 )
|
||||
{
|
||||
c.setPosition(index);
|
||||
c.setPosition(index + target.length(), QTextCursor::KeepAnchor);
|
||||
m_pText->setTextCursor(c);
|
||||
QTextCharFormat highlight;
|
||||
highlight.setBackground(Qt::red);
|
||||
c.mergeCharFormat(highlight);
|
||||
m_pText->mergeCurrentCharFormat(highlight);
|
||||
}
|
||||
}
|
||||
|
||||
if( m_backwardBtn.isChecked() )
|
||||
{
|
||||
index = text.lastIndexOf(target, c.position() - text.length() - 1, m_matchChkBx.isChecked() ? Qt::CaseSensitive : Qt::CaseInsensitive);
|
||||
|
||||
if( index >= 0 )
|
||||
{
|
||||
c.setPosition(index + target.length());
|
||||
c.setPosition(index, QTextCursor::KeepAnchor);
|
||||
|
||||
m_pText->setTextCursor(c);
|
||||
QTextCharFormat highlight;
|
||||
highlight.setBackground(Qt::red);
|
||||
c.mergeCharFormat(highlight);
|
||||
m_pText->mergeCurrentCharFormat(highlight);
|
||||
}
|
||||
}
|
||||
|
||||
if( index < 0 )
|
||||
{
|
||||
QMessageBox msg(this);
|
||||
|
||||
msg.setWindowTitle("Find");
|
||||
msg.setText("Can not find \"" + target + "\" any more...");
|
||||
msg.setIcon(QMessageBox::Information);
|
||||
msg.setStandardButtons(QMessageBox::Ok);
|
||||
|
||||
msg.exec();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
void FindDialog::onCloseClicked()
|
||||
{
|
||||
close();
|
||||
}
|
||||
@ -0,0 +1,53 @@
|
||||
#ifndef _FINDDIALOG_H_
|
||||
#define _FINDDIALOG_H_
|
||||
|
||||
#include <QDialog>
|
||||
#include <QGridLayout>
|
||||
#include <QHBoxLayout>
|
||||
#include <QLabel>
|
||||
#include <QLineEdit>
|
||||
#include <QPushButton>
|
||||
#include <QRadioButton>
|
||||
#include <QCheckBox>
|
||||
#include <QGroupBox>
|
||||
#include <QPlainTextEdit>
|
||||
#include <QPointer>
|
||||
|
||||
class FindDialog : public QDialog
|
||||
{
|
||||
Q_OBJECT
|
||||
|
||||
protected:
|
||||
QGroupBox m_radioGrpBx;
|
||||
|
||||
QGridLayout m_layout;
|
||||
QHBoxLayout m_hbLayout;
|
||||
|
||||
QLabel m_findLbl;
|
||||
QLineEdit m_findEdit;
|
||||
QPushButton m_findBtn;
|
||||
QPushButton m_closeBtn;
|
||||
QCheckBox m_matchChkBx;
|
||||
QRadioButton m_forwardBtn;
|
||||
QRadioButton m_backwardBtn;
|
||||
|
||||
QPointer<QPlainTextEdit> m_pText; // FindDialog 聚合使用 QPlainTextEdit
|
||||
QSharedPointer<FindDialog> m_pFindDlg;
|
||||
QTextCharFormat m_format;
|
||||
void initControl();
|
||||
void connectSlot();
|
||||
|
||||
protected slots:
|
||||
void onFindClicked();
|
||||
void onCloseClicked();
|
||||
public:
|
||||
explicit FindDialog(QWidget* parent = 0, QPlainTextEdit* pText = 0);
|
||||
void setPlainTextEdit(QPlainTextEdit* pText);
|
||||
void highlightText(QPlainTextEdit* pText);
|
||||
QPlainTextEdit* getPlainTextEdit();
|
||||
bool event(QEvent* evt);
|
||||
};
|
||||
|
||||
|
||||
|
||||
#endif // _FINDDIALOG_H_
|
||||
@ -0,0 +1,11 @@
|
||||
#include "mainwindow.h"
|
||||
|
||||
#include <QApplication>
|
||||
|
||||
int main(int argc, char *argv[])
|
||||
{
|
||||
QApplication a(argc, argv);
|
||||
MainWindow w;
|
||||
w.show();
|
||||
return a.exec();
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<ui version="4.0">
|
||||
<class>MainWindow</class>
|
||||
<widget class="QMainWindow" name="MainWindow">
|
||||
<property name="geometry">
|
||||
<rect>
|
||||
<x>0</x>
|
||||
<y>0</y>
|
||||
<width>800</width>
|
||||
<height>600</height>
|
||||
</rect>
|
||||
</property>
|
||||
<property name="windowTitle">
|
||||
<string>MainWindow</string>
|
||||
</property>
|
||||
<widget class="QWidget" name="centralwidget">
|
||||
<layout class="QGridLayout" name="gridLayout">
|
||||
<item row="3" column="0">
|
||||
<widget class="QPlainTextEdit" name="plainTextEdit"/>
|
||||
</item>
|
||||
<item row="1" column="0">
|
||||
<widget class="QPlainTextEdit" name="plainTextEdit_2"/>
|
||||
</item>
|
||||
<item row="6" column="0">
|
||||
<widget class="QPushButton" name="actionFind">
|
||||
<property name="text">
|
||||
<string>PushButton</string>
|
||||
</property>
|
||||
</widget>
|
||||
</item>
|
||||
<item row="4" column="0">
|
||||
<widget class="QTextEdit" name="textEdit"/>
|
||||
</item>
|
||||
<item row="2" column="0">
|
||||
<widget class="QTextEdit" name="textEdit_2">
|
||||
<property name="html">
|
||||
<string><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||||
<html><head><meta name="qrichtext" content="1" /><style type="text/css">
|
||||
p, li { white-space: pre-wrap; }
|
||||
</style></head><body style=" font-family:'SimSun'; font-size:9pt; font-weight:400; font-style:normal;">
|
||||
<p align="center" style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-size:16pt; font-weight:600; font-style:italic; text-decoration: underline; vertical-align:sub;">sdasdasda</span></p></body></html></string>
|
||||
</property>
|
||||
</widget>
|
||||
</item>
|
||||
</layout>
|
||||
</widget>
|
||||
<widget class="QMenuBar" name="menubar">
|
||||
<property name="geometry">
|
||||
<rect>
|
||||
<x>0</x>
|
||||
<y>0</y>
|
||||
<width>800</width>
|
||||
<height>26</height>
|
||||
</rect>
|
||||
</property>
|
||||
<widget class="QMenu" name="menu_F">
|
||||
<property name="title">
|
||||
<string>文件(&F)</string>
|
||||
</property>
|
||||
<addaction name="newAction"/>
|
||||
<addaction name="openAction"/>
|
||||
<addaction name="saveAction"/>
|
||||
<addaction name="changeAction"/>
|
||||
</widget>
|
||||
<widget class="QMenu" name="menu_N">
|
||||
<property name="title">
|
||||
<string>编译(&E)</string>
|
||||
</property>
|
||||
</widget>
|
||||
<widget class="QMenu" name="menu_B">
|
||||
<property name="title">
|
||||
<string>构建(&B)</string>
|
||||
</property>
|
||||
</widget>
|
||||
<widget class="QMenu" name="menu_C">
|
||||
<property name="title">
|
||||
<string>修改(C)</string>
|
||||
</property>
|
||||
</widget>
|
||||
<addaction name="menu_F"/>
|
||||
<addaction name="menu_N"/>
|
||||
<addaction name="menu_B"/>
|
||||
<addaction name="menu_C"/>
|
||||
</widget>
|
||||
<widget class="QStatusBar" name="statusbar"/>
|
||||
<action name="newAction">
|
||||
<property name="text">
|
||||
<string>新建(&N)</string>
|
||||
</property>
|
||||
</action>
|
||||
<action name="openAction">
|
||||
<property name="text">
|
||||
<string>打开(&O)</string>
|
||||
</property>
|
||||
</action>
|
||||
<action name="saveAction">
|
||||
<property name="text">
|
||||
<string>另存为(&S)</string>
|
||||
</property>
|
||||
</action>
|
||||
<action name="changeAction">
|
||||
<property name="text">
|
||||
<string>修改(C)</string>
|
||||
</property>
|
||||
</action>
|
||||
</widget>
|
||||
<resources/>
|
||||
<connections/>
|
||||
</ui>
|
||||
@ -0,0 +1,63 @@
|
||||
#include "widget.h"
|
||||
#include <QPalette>
|
||||
#include <QMessageBox>
|
||||
|
||||
Widget::Widget(QWidget *parent)
|
||||
: QWidget(parent), m_button(this), m_edit(this), m_label(this)
|
||||
{
|
||||
m_label.move(10, 10);
|
||||
m_label.resize(150, 25);
|
||||
m_label.setText("Test");
|
||||
|
||||
m_edit.move(10, 45);
|
||||
m_edit.resize(150, 25);
|
||||
|
||||
m_button.move(10, 80);
|
||||
m_button.resize(150, 25);
|
||||
m_button.setText("Test");
|
||||
|
||||
connect(&m_button, SIGNAL(clicked()), this, SLOT(onButtonClicked()));
|
||||
connect(&m_edit, SIGNAL(textEdited(const QString&)), this, SLOT(onTextChange(const QString&)));
|
||||
|
||||
QPalette p = m_button.palette(); // 获取m_button的调色板
|
||||
|
||||
p.setColor(QPalette::Active, QPalette::ButtonText, Qt::red); // 设置激活时，按钮文本为红色
|
||||
p.setColor(QPalette::Inactive, QPalette::ButtonText, Qt::red); // 设置非激活时，按钮文本为红色
|
||||
|
||||
m_button.setPalette(p); // 给m_button设置调色板
|
||||
|
||||
p = m_edit.palette();
|
||||
|
||||
p.setColor(QPalette::Active, QPalette::Highlight, Qt::red); // 高亮背景为红色
|
||||
p.setColor(QPalette::Active, QPalette::HighlightedText, Qt::white); // 高亮文本为白色
|
||||
|
||||
p.setColor(QPalette::Inactive, QPalette::Highlight, Qt::yellow); // 高亮背景为黄色
|
||||
p.setColor(QPalette::Inactive, QPalette::HighlightedText, Qt::green); // 高亮文本为白色
|
||||
|
||||
m_edit.setPalette(p);
|
||||
}
|
||||
|
||||
// 点击按钮更改m_label的调色板方案
|
||||
void Widget::onButtonClicked()
|
||||
{
|
||||
QPalette p = m_label.palette();
|
||||
|
||||
p.setColor(QPalette::Active, QPalette::WindowText, Qt::green);
|
||||
p.setColor(QPalette::Inactive, QPalette::WindowText, Qt::green);
|
||||
|
||||
m_label.setPalette(p);
|
||||
}
|
||||
|
||||
void Widget::onTextChange(const QString&)
|
||||
{
|
||||
if(m_edit.text().count() > 6)
|
||||
{
|
||||
m_edit.selectAll();
|
||||
QMessageBox::information(this, "tip", "字符超出限制", QMessageBox::Ok);
|
||||
}
|
||||
}
|
||||
|
||||
Widget::~Widget()
|
||||
{
|
||||
|
||||
}
|
||||
@ -0,0 +1,24 @@
|
||||
#ifndef WIDGET_H
|
||||
#define WIDGET_H
|
||||
|
||||
#include <QWidget>
|
||||
#include <QPushButton>
|
||||
#include <QLineEdit>
|
||||
#include <QLabel>
|
||||
|
||||
class Widget : public QWidget
|
||||
{
|
||||
Q_OBJECT
|
||||
|
||||
QPushButton m_button;
|
||||
QLineEdit m_edit;
|
||||
QLabel m_label;
|
||||
protected slots:
|
||||
void onButtonClicked();
|
||||
void onTextChange(const QString&);
|
||||
public:
|
||||
Widget(QWidget *parent = 0);
|
||||
~Widget();
|
||||
};
|
||||
|
||||
#endif // WIDGET_H
|
||||
@ -0,0 +1,49 @@
|
||||
#-------------------------------------------------
|
||||
#
|
||||
# Project created by QtCreator 2022-09-13T16:59:02
|
||||
#
|
||||
#-------------------------------------------------
|
||||
|
||||
QT += core gui
|
||||
|
||||
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
|
||||
|
||||
TARGET = test
|
||||
TEMPLATE = app
|
||||
|
||||
# The following define makes your compiler emit warnings if you use
|
||||
# any feature of Qt which has been marked as deprecated (the exact warnings
|
||||
# depend on your compiler). Please consult the documentation of the
|
||||
# deprecated API in order to know how to port your code away from it.
|
||||
DEFINES += QT_DEPRECATED_WARNINGS
|
||||
|
||||
# You can also make your code fail to compile if you use deprecated APIs.
|
||||
# In order to do so, uncomment the following line.
|
||||
# You can also select to disable deprecated APIs only up to a certain version of Qt.
|
||||
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0
|
||||
|
||||
CONFIG += c++11
|
||||
|
||||
SOURCES += \
|
||||
highlighter.cpp \
|
||||
ktextedit.cpp \
|
||||
main.cpp \
|
||||
mainwindow.cpp \
|
||||
mytreeview.cpp
|
||||
|
||||
|
||||
|
||||
HEADERS += \
|
||||
highlighter.h \
|
||||
mainwindow.h \
|
||||
mytreeview.h
|
||||
|
||||
|
||||
|
||||
FORMS += \
|
||||
mainwindow.ui
|
||||
|
||||
# Default rules for deployment.
|
||||
qnx: target.path = /tmp/$${TARGET}/bin
|
||||
else: unix:!android: target.path = /opt/$${TARGET}/bin
|
||||
!isEmpty(target.path): INSTALLS += target
|
||||
@ -0,0 +1,326 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE QtCreatorProject>
|
||||
<!-- Written by QtCreator 4.8.2, 2023-06-07T11:08:23. -->
|
||||
<qtcreator>
|
||||
<data>
|
||||
<variable>EnvironmentId</variable>
|
||||
<value type="QByteArray">{a65e2026-5075-402d-8461-16bc6af287b9}</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.ActiveTarget</variable>
|
||||
<value type="int">0</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.EditorSettings</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<value type="bool" key="EditorConfiguration.AutoIndent">true</value>
|
||||
<value type="bool" key="EditorConfiguration.AutoSpacesForTabs">false</value>
|
||||
<value type="bool" key="EditorConfiguration.CamelCaseNavigation">true</value>
|
||||
<valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.0">
|
||||
<value type="QString" key="language">Cpp</value>
|
||||
<valuemap type="QVariantMap" key="value">
|
||||
<value type="QByteArray" key="CurrentPreferences">CppGlobal</value>
|
||||
</valuemap>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.1">
|
||||
<value type="QString" key="language">QmlJS</value>
|
||||
<valuemap type="QVariantMap" key="value">
|
||||
<value type="QByteArray" key="CurrentPreferences">QmlJSGlobal</value>
|
||||
</valuemap>
|
||||
</valuemap>
|
||||
<value type="int" key="EditorConfiguration.CodeStyle.Count">2</value>
|
||||
<value type="QByteArray" key="EditorConfiguration.Codec">GBK</value>
|
||||
<value type="bool" key="EditorConfiguration.ConstrainTooltips">false</value>
|
||||
<value type="int" key="EditorConfiguration.IndentSize">4</value>
|
||||
<value type="bool" key="EditorConfiguration.KeyboardTooltips">false</value>
|
||||
<value type="int" key="EditorConfiguration.MarginColumn">80</value>
|
||||
<value type="bool" key="EditorConfiguration.MouseHiding">true</value>
|
||||
<value type="bool" key="EditorConfiguration.MouseNavigation">true</value>
|
||||
<value type="int" key="EditorConfiguration.PaddingMode">1</value>
|
||||
<value type="bool" key="EditorConfiguration.ScrollWheelZooming">true</value>
|
||||
<value type="bool" key="EditorConfiguration.ShowMargin">false</value>
|
||||
<value type="int" key="EditorConfiguration.SmartBackspaceBehavior">0</value>
|
||||
<value type="bool" key="EditorConfiguration.SmartSelectionChanging">true</value>
|
||||
<value type="bool" key="EditorConfiguration.SpacesForTabs">true</value>
|
||||
<value type="int" key="EditorConfiguration.TabKeyBehavior">0</value>
|
||||
<value type="int" key="EditorConfiguration.TabSize">8</value>
|
||||
<value type="bool" key="EditorConfiguration.UseGlobal">true</value>
|
||||
<value type="int" key="EditorConfiguration.Utf8BomBehavior">1</value>
|
||||
<value type="bool" key="EditorConfiguration.addFinalNewLine">true</value>
|
||||
<value type="bool" key="EditorConfiguration.cleanIndentation">true</value>
|
||||
<value type="bool" key="EditorConfiguration.cleanWhitespace">true</value>
|
||||
<value type="bool" key="EditorConfiguration.inEntireDocument">false</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.PluginSettings</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<valuelist type="QVariantList" key="ClangCodeModel.CustomCommandLineKey"/>
|
||||
<value type="bool" key="ClangCodeModel.UseGlobalConfig">true</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.Target.0</variable>
|
||||
<valuemap type="QVariantMap">
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Desktop Qt 5.12.2 GCC 64bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Desktop Qt 5.12.2 GCC 64bit</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">qt.qt5.5122.gcc_64_kit</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
|
||||
<value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.0">
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">/home/UWE/zj/Qt/Project/build-test-ZJ-Desktop_Qt_5_12_2_GCC_64bit-Debug</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">qmake</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.LinkQmlDebuggingLibrary">true</value>
|
||||
<value type="QString" key="QtProjectManager.QMakeBuildStep.QMakeArguments"></value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.SeparateDebugInfo">false</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.UseQtQuickCompiler">false</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">false</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments"></value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">true</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Debug</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">2</value>
|
||||
<value type="bool" key="Qt4ProjectManager.Qt4BuildConfiguration.UseShadowBuild">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.1">
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">/home/UWE/zj/Qt/Project/build-test-ZJ-Desktop_Qt_5_12_2_GCC_64bit-Release</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">qmake</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.LinkQmlDebuggingLibrary">false</value>
|
||||
<value type="QString" key="QtProjectManager.QMakeBuildStep.QMakeArguments"></value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.SeparateDebugInfo">false</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.UseQtQuickCompiler">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">false</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments"></value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">true</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Release</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Release</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="bool" key="Qt4ProjectManager.Qt4BuildConfiguration.UseShadowBuild">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.BuildConfiguration.2">
|
||||
<value type="QString" key="ProjectExplorer.BuildConfiguration.BuildDirectory">/home/UWE/zj/Qt/Project/build-test-ZJ-Desktop_Qt_5_12_2_GCC_64bit-Profile</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">qmake</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">QtProjectManager.QMakeBuildStep</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.LinkQmlDebuggingLibrary">true</value>
|
||||
<value type="QString" key="QtProjectManager.QMakeBuildStep.QMakeArguments"></value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.QMakeForced">false</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.SeparateDebugInfo">true</value>
|
||||
<value type="bool" key="QtProjectManager.QMakeBuildStep.UseQtQuickCompiler">true</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.1">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">false</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments"></value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">2</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Build</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Build</value>
|
||||
</valuemap>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.1">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildStepList.Step.0">
|
||||
<value type="bool" key="ProjectExplorer.BuildStep.Enabled">true</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Make</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.MakeStep</value>
|
||||
<valuelist type="QVariantList" key="Qt4ProjectManager.MakeStep.BuildTargets"/>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.Clean">true</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeArguments">clean</value>
|
||||
<value type="QString" key="Qt4ProjectManager.MakeStep.MakeCommand"></value>
|
||||
<value type="bool" key="Qt4ProjectManager.MakeStep.OverrideMakeflags">false</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Clean</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Clean</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">2</value>
|
||||
<value type="bool" key="ProjectExplorer.BuildConfiguration.ClearSystemEnvironment">false</value>
|
||||
<valuelist type="QVariantList" key="ProjectExplorer.BuildConfiguration.UserEnvironmentChanges"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">Profile</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4BuildConfiguration</value>
|
||||
<value type="int" key="Qt4ProjectManager.Qt4BuildConfiguration.BuildConfiguration">0</value>
|
||||
<value type="bool" key="Qt4ProjectManager.Qt4BuildConfiguration.UseShadowBuild">true</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">3</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
|
||||
<value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">部署</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy Configuration</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.PluginSettings"/>
|
||||
<valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
|
||||
<value type="bool" key="Analyzer.QmlProfiler.AggregateTraces">false</value>
|
||||
<value type="bool" key="Analyzer.QmlProfiler.FlushEnabled">false</value>
|
||||
<value type="uint" key="Analyzer.QmlProfiler.FlushInterval">1000</value>
|
||||
<value type="QString" key="Analyzer.QmlProfiler.LastTraceFile"></value>
|
||||
<value type="bool" key="Analyzer.QmlProfiler.Settings.UseGlobalSettings">true</value>
|
||||
<valuelist type="QVariantList" key="Analyzer.Valgrind.AddedSuppressionFiles"/>
|
||||
<value type="bool" key="Analyzer.Valgrind.Callgrind.CollectBusEvents">false</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Callgrind.CollectSystime">false</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Callgrind.EnableBranchSim">false</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Callgrind.EnableCacheSim">false</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Callgrind.EnableEventToolTips">true</value>
|
||||
<value type="double" key="Analyzer.Valgrind.Callgrind.MinimumCostRatio">0.01</value>
|
||||
<value type="double" key="Analyzer.Valgrind.Callgrind.VisualisationMinimumCostRatio">10</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.FilterExternalIssues">true</value>
|
||||
<value type="int" key="Analyzer.Valgrind.LeakCheckOnFinish">1</value>
|
||||
<value type="int" key="Analyzer.Valgrind.NumCallers">25</value>
|
||||
<valuelist type="QVariantList" key="Analyzer.Valgrind.RemovedSuppressionFiles"/>
|
||||
<value type="int" key="Analyzer.Valgrind.SelfModifyingCodeDetection">1</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.Settings.UseGlobalSettings">true</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.ShowReachable">false</value>
|
||||
<value type="bool" key="Analyzer.Valgrind.TrackOrigins">true</value>
|
||||
<value type="QString" key="Analyzer.Valgrind.ValgrindExecutable">valgrind</value>
|
||||
<valuelist type="QVariantList" key="Analyzer.Valgrind.VisibleErrorKinds">
|
||||
<value type="int">0</value>
|
||||
<value type="int">1</value>
|
||||
<value type="int">2</value>
|
||||
<value type="int">3</value>
|
||||
<value type="int">4</value>
|
||||
<value type="int">5</value>
|
||||
<value type="int">6</value>
|
||||
<value type="int">7</value>
|
||||
<value type="int">8</value>
|
||||
<value type="int">9</value>
|
||||
<value type="int">10</value>
|
||||
<value type="int">11</value>
|
||||
<value type="int">12</value>
|
||||
<value type="int">13</value>
|
||||
<value type="int">14</value>
|
||||
</valuelist>
|
||||
<value type="int" key="PE.EnvironmentAspect.Base">2</value>
|
||||
<valuelist type="QVariantList" key="PE.EnvironmentAspect.Changes"/>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">test-ZJ</value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
|
||||
<value type="QString" key="ProjectExplorer.ProjectConfiguration.Id">Qt4ProjectManager.Qt4RunConfiguration:/home/UWE/zj/Qt/Project/UWE/test-ZJ.pro</value>
|
||||
<value type="QString" key="Qt4ProjectManager.Qt4RunConfiguration.ProFile">test-ZJ.pro</value>
|
||||
<value type="QString" key="RunConfiguration.Arguments"></value>
|
||||
<value type="uint" key="RunConfiguration.QmlDebugServerPort">3768</value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseCppDebuggerAuto">true</value>
|
||||
<value type="bool" key="RunConfiguration.UseLibrarySearchPath">true</value>
|
||||
<value type="bool" key="RunConfiguration.UseMultiProcess">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebugger">false</value>
|
||||
<value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">true</value>
|
||||
<value type="QString" key="RunConfiguration.WorkingDirectory"></value>
|
||||
<value type="QString" key="RunConfiguration.WorkingDirectory.default">/home/UWE/zj/Qt/Project/build-test-ZJ-Desktop_Qt_5_12_2_GCC_64bit-Debug</value>
|
||||
</valuemap>
|
||||
<value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
|
||||
</valuemap>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.TargetCount</variable>
|
||||
<value type="int">1</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>ProjectExplorer.Project.Updater.FileVersion</variable>
|
||||
<value type="int">20</value>
|
||||
</data>
|
||||
<data>
|
||||
<variable>Version</variable>
|
||||
<value type="int">20</value>
|
||||
</data>
|
||||
</qtcreator>
|
||||
@ -0,0 +1,11 @@
|
||||
#ifndef FINDDIALOG_H
|
||||
#define FINDDIALOG_H
|
||||
|
||||
|
||||
class finddialog
|
||||
{
|
||||
public:
|
||||
finddialog();
|
||||
};
|
||||
|
||||
#endif // FINDDIALOG_H
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,714 @@
|
||||
Version 1.10.x
|
||||
--------------
|
||||
* Bug
|
||||
* slider: The step size is ignored for negative values. fixed.
|
||||
* mobile: The animation does not work on some browsers. fixed.
|
||||
* form: The 'dirty' property does not work with check and radio components. fixed.
|
||||
* drawer: The 'onBeforeCollapse' event doesn't fire while collapsing it. fixed.
|
||||
* Improvement
|
||||
* compatible with strict mode.
|
||||
* textbox: Add 'show' and 'hide' methods.
|
||||
* textbox: Add 'setEditable' method.
|
||||
* textbox: Add 'autoSize' property.
|
||||
* form: Add 'focusOnValidate' property.
|
||||
* menu: Add 'navItems' and 'findItems' methods.
|
||||
* New Plugins
|
||||
* radiogroup: A set of radio buttons, where no more than one of the buttons can be checked at a time.
|
||||
* checkgroup: A set of checkbox components, where one or more options can be checked at a time.
|
||||
|
||||
Version 1.10.0
|
||||
--------------
|
||||
* Bug
|
||||
* layout: The icon on the collapsed panel is overlaped by title. fixed.
|
||||
* propertygrid: The css style of the row expander will affact that in the detailview. fixed.
|
||||
* combogrid: The 'getValues' method returns incorrect values sometimes. fixed.
|
||||
* datebox: The 'initValue' method can't apply a new value. fixed.
|
||||
* Improvement
|
||||
* datagrid: The 'sorter' function on the column accepts the entire row as the sorting parameters.
|
||||
* datagrid: Add 'hformatter' and 'hstyler' properties for the colomns.
|
||||
* datebox: Add 'getDate' and 'setDate' methods.
|
||||
* pagination: Add 'onBeforeSelectPage' event.
|
||||
* combo: Prevent from conflicting with svg.
|
||||
* window: Add 'fixed' property.
|
||||
* timepicker: Add 'hour24' property.
|
||||
* layout: Add 'stopCollapsing' method.
|
||||
* messager: Add 'tip' method.
|
||||
* New Plugins
|
||||
* drawer: Allow the user to anchor to the left or right edge of the screen.
|
||||
|
||||
Version 1.9.0
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: Slow scrolling with mousewheel on frozen columns. fixed.
|
||||
* datagrid: The 'rowStyler' function is called on empty row. fixed.
|
||||
* linkbutton: Calling 'disable' method still can submit the form. fixed.
|
||||
* combotree: The 'onBeforeSelect' event fires twice while selecting a node. fixed.
|
||||
* combotreegrid: The 'onSelect' event fires twice while selecting a row. fixed.
|
||||
* Improvement
|
||||
* checkbox: Add 'readonly' property.
|
||||
* radiobutton: Add 'readonly' property.
|
||||
* Compatible with jQuery 3.x.
|
||||
* New Plugins
|
||||
* timepicker: Allow the user to choose time on a clock.
|
||||
|
||||
Version 1.8.0
|
||||
-------------
|
||||
* Bug
|
||||
* treegrid: The 'pageNumber' can't be initialized with the specified value. fixed.
|
||||
* checkbox: The disabled checkbox has no disabled label. fixed.
|
||||
* Improvement
|
||||
* switchbutton: Add the 'label','labelAlign','labelPosition','labelWidth' properties.
|
||||
* switchbutton: Accept 'tabindex' attribute to get focus when the user press TAB key.
|
||||
* form: The 'onChange' event is available for all the form component.
|
||||
* calendar: The 'Date' property is available to support the hijri date.
|
||||
* textbox: The floating label is available.
|
||||
|
||||
Version 1.7.0
|
||||
-------------
|
||||
* Bug
|
||||
* sidemenu: The tooltip has a wrong position when the 'floatMenuPosition' is set to 'left'. fixed.
|
||||
* datagrid: The horizontal scrollbar has a wrong state when the 'showHeader' is set to true. fixed.
|
||||
* combo: The initialized value will trigger the form's 'onChange' event when the 'multiple' is set to true. fixed.
|
||||
* panel: The horizontal panel doesn't work normally when 'noheader' property is set to true. fixed.
|
||||
* pagination: The extended buttons may lose in IE when rebuild the component. fixed.
|
||||
* Improvement
|
||||
* tree: Add 'findBy' method to find a node by any fields.
|
||||
* tree: The 'find' method is enhanced to find a node easily.
|
||||
* combo: Add 'panelValign' property.
|
||||
* datagrid: The sorting parameters will be ignored when the 'remoteSort' is set to false.
|
||||
* timespinner: Add 'hour12' property to display in 12 hour format.
|
||||
|
||||
Version 1.6.0
|
||||
-------------
|
||||
* Bug
|
||||
* maskedbox: The component does not accept numeric keypad. fixed.
|
||||
* combogrid: When selecting multiple records, the datagrid will scroll to the last checked record. fixed.
|
||||
* Improvement
|
||||
* Compatible with jQuery 3.x.
|
||||
* tabs: The 'toolPosition' property can accept 'top' and 'bottom' values.
|
||||
* textbox: The textbox label has the animating feature when focus or blur on it.
|
||||
* tooltip: Add 'valign' property.
|
||||
* tree: The node class can be initialized by setting the 'nodeCls' in the data.
|
||||
* New Plugins
|
||||
* sidemenu: The sidemenu is created from accordion and tree plugins. It builds a collapsible menu with some categories.
|
||||
* radiobutton: This plugin provides a round interface to select one option from a number of options.
|
||||
* checkbox: This plugin allows a user to select a value from a small set of options.
|
||||
|
||||
Version 1.5.5
|
||||
-------------
|
||||
* Bug
|
||||
* tabs: The selecting history has wrong order when the title contains complex elements. fixed.
|
||||
* combo: The drop-down panel may not be hidden if a bigger 'delay' value is set. fixed.
|
||||
* layout: The expanding panel does not collapse when move mouse quickly away from it. fixed.
|
||||
* tagbox: The tagbox and the label don't stay in the same line. fixed.
|
||||
* Improvement
|
||||
* combo: The 'blur' event handler is attached to the 'inputEvents' property.
|
||||
* numberbox: The 'cloneFrom' method is available.
|
||||
* slider: The 'step' property can be set with a floating number.
|
||||
* menu: The 'findItem' method allows the user to find menu item by any parameters.
|
||||
* menubutton: Add 'showEvent' and 'hideEvent' properties.
|
||||
* New Plugins
|
||||
* maskedbox: The maskedbox enforces its structure as the user types.
|
||||
|
||||
Version 1.5.4
|
||||
-------------
|
||||
* Bug
|
||||
* combotreegrid: The 'onChange' event does not fire when entering values on the inputing box. fixed.
|
||||
* combobox: Clicking on the drop-down panel will jump to the bottom of body on win10 IE11. fixed.
|
||||
* datebox: Clicking on the 'Today' button doesn't trigger the 'onSelect' event. fixed.
|
||||
* propertygrid: The 'getChanges' method doesn't work after editing the only one row. fixed.
|
||||
* Improvement
|
||||
* combo: Add the 'panelEvents' property.
|
||||
* combo: Attach the default 'mousedown' event handler.
|
||||
* combobox: The 'setValues' method can be called to initialize the displaying text.
|
||||
* combotreegrid: Press ENTER key to select the highlighted rows.
|
||||
* panel: Improve the resizing performance.
|
||||
* filebox: The 'files' method allows the user to get the selected file list.
|
||||
* searchbox: Improvent the 'selectName' method.
|
||||
|
||||
Version 1.5.3
|
||||
-------------
|
||||
* Bug
|
||||
* combobox: The 'iconCls' property can not be parsed from the <option> markup. fixed.
|
||||
* combobox: Clicking scrollbar will cause the drop-down panel to be hidden in IE. fixed.
|
||||
* pagination: The pagination height will shrink when the 'displayMsg' property is set to false. fixed.
|
||||
* tabs: The tab panel takes a wrong 'data' parameter in the 'onLoad' event. fixed.
|
||||
* Improvement
|
||||
* draggable: Add 'onEndDrag' event.
|
||||
* resizable: Retrieve more than one resizing directions with different edges.
|
||||
* datagrid: Add 'resizeEdge' property.
|
||||
* datagrid: Avoid the memory leaks.
|
||||
* combo: The 'originalValue' property value is corrected in multiple mode.
|
||||
* form: Add the tagbox to the form fields.
|
||||
* tagbox: Add the 'reset' method.
|
||||
* progress: Increase the response time to open and close the progress message window.
|
||||
|
||||
Version 1.5.2
|
||||
-------------
|
||||
* Bug
|
||||
* form: The initialized value of the inputing box will disappear after calling the 'reset' method. fixed.
|
||||
* textbox: Calling the 'destroy' method does not clean the field label. fixed.
|
||||
* datagrid: Calling the 'selectRow' method on an unexisting row causes undesired record set. fixed.
|
||||
* Improvement
|
||||
* datagrid: The ctrl selection is supported on Mac keyboards.
|
||||
* datagrid: The 'scrollOnSelect' property is available for the user to determine whether to scroll to the specified row when selecting it.
|
||||
* combotree: Add the 'textField' property.
|
||||
* combotreegrid: Add the 'textField' property.
|
||||
* pagination: Add 'showPageInfo' property.
|
||||
* panel: Add 'halign' and 'titleDirection' properties to allow the user to align the panel header to left or right side.
|
||||
* accordion: Add 'halign' property to build the horizontal accordion.
|
||||
* tagbox: The 'required' propery can be applied to validate whether the value is empty.
|
||||
|
||||
Version 1.5.1
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: The selecting and checking flags will lose after calling 'updateRow' method. fixed.
|
||||
* tabs: The trip tools have a wrong position when calling 'update' method. fixed.
|
||||
* window: When the height is set to 'auto', it will disappear after moving the window. fixed.
|
||||
* messager: When display the progress message window and then close it immediately, an exception occurs. fixed.
|
||||
* form: The 'clear' method does not clear the selected drop-down items of the combobox. fixed.
|
||||
* Improvement
|
||||
* textbox: The 'cls' property is available to add a custom style to textbox.
|
||||
* numberbox: Allow the user to format currency in Italian.
|
||||
* combo: Add 'multivalue' property that allows the user to determine how to submit the multiple values.
|
||||
* combobox: Add 'reversed' property.
|
||||
* combobox: Add 'onClick' event.
|
||||
* combogrid: Add 'reversed' property.
|
||||
* treegrid: Enable multiple selection with the shift key.
|
||||
* New Plugins
|
||||
* tagbox: Allows the user to add tags to a form field.
|
||||
|
||||
Version 1.5
|
||||
-------------
|
||||
* Bug
|
||||
* combobox: The 'onSelect' event does not fire when load data that contains the selected item. fixed.
|
||||
* datagrid: The 'updateRow' method sometimes does not work properly when the field is set to a blank value. fixed.
|
||||
* Improvement
|
||||
* A label can be associated to any form fields.
|
||||
* combobox: Enhance the 'select' and 'unselect' rules on the drop-down items.
|
||||
* combobox: Add 'limitToList' property to limit the inputed values to the listed items.
|
||||
* combogrid: Allow the user to clone the component quickly.
|
||||
* form: Add the 'dirty' property that allows the user to submit the only changed fields.
|
||||
* form: Add 'resetDirty' method.
|
||||
* datagrid: Allow the user to display a message when there are no records to be shown.
|
||||
* textbox: Add 'label','labelWidth','labelPosition' and 'labelAlign' properties.
|
||||
* spinner: Add 'spinAlign' property.
|
||||
* calendar: Allow the user to display week number of the year.
|
||||
* window: Add 'constrain' property.
|
||||
* New Plugins
|
||||
* passwordbox: The plugin that allows the user to input passwords with nice feedback.
|
||||
* combotreegrid: Combines combobox with drop-down treegrid component.
|
||||
|
||||
Version 1.4.5
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: The 'getChanges' method does not return the updated rows after calling 'updateRow' method. fixed.
|
||||
* treegrid: The 'onLoadSuccess' event fires when append or insert a row. fixed.
|
||||
* tree: The 'onLoadSuccess' event fires when append or insert a node. fixed.
|
||||
* Improvement
|
||||
* window: The displaying style can be customized.
|
||||
* window: The 'border' property allows the user to set different border style.
|
||||
* navpanel: The 'href' property is enabled to load content from remote server.
|
||||
* combotree: The 'setValue' and 'setValues' methods accept the paremter values in 'id' and 'text' pairs
|
||||
* combobox: Add 'showItemIcon' property.
|
||||
* combobox: Set 'groupPosition' property to 'sticky' to stick the item group to the top of drop-down panel.
|
||||
* messager: Pressing ENTER key on input box will trigger click event of the first button.
|
||||
* validatebox: Add 'editable',disabled' and 'readonly' properties.
|
||||
* validatebox: Add 'enable','disable','readonly' methods.
|
||||
* validatebox: Allow the user to determine how to display the error message.
|
||||
* filebox: Add 'accept' and 'multiple' properties.
|
||||
* form: Add 'iframe' property and 'onProgress' event.
|
||||
* treegrid: Add cascade checkbox selection.
|
||||
* treegrid: Add 'getCheckedNodes','checkNode' and 'uncheckNode' methods.
|
||||
|
||||
Version 1.4.4
|
||||
-------------
|
||||
* Bug
|
||||
* filebox: The 'clear' and 'reset' methods do not work properly in IE9. fixed.
|
||||
* messager: After calling $.messager.progress() with no arguments, the $.messager.progress('close') does not work properly. fixed.
|
||||
* timespinner: The value does not display properly in IE8 while clicking the spin buttons. fixed.
|
||||
* window: The window does not display when calling 'options' method in 'onMove' event. fixed.
|
||||
* treegrid: The 'getLevel' method does not accept the parameter value of 0. fixed.
|
||||
* Improvement
|
||||
* layout: The 'collapsedContent','expandMode' and 'hideExpandTool' properties are supported in region panel.
|
||||
* layout: The 'hideCollapsedContent' property can be set to display the vertical title bar on collapsed panel.
|
||||
* layout: Add 'onCollapse','onExpand','onAdd','onRemove' events.
|
||||
* datagrid: Display the 'up-down' icon on the sortable columns.
|
||||
* datagrid: Add 'gotoPage' method.
|
||||
* propertygrid: Add 'groups' method that allows to get all the data groups.
|
||||
* messager: Auto scroll feature is supported when displaying long messages.
|
||||
* tabs: The 'disabled' property is supported when defining a disabled tab panel.
|
||||
* tabs: The percentange size is supported now.
|
||||
|
||||
Version 1.4.3
|
||||
-------------
|
||||
* Bug
|
||||
* textbox: The 'setText' method does not accept value 0. fixed.
|
||||
* timespinner: When running in IE11, the error occurs when clicking on the empty textbox. fixed.
|
||||
* tabs: The 'update' method can not update only the panel body. fixed.
|
||||
* Improvement
|
||||
* combobox: Improve the performance of displaying the drop-down panel.
|
||||
* combogrid: Remember the displaying text when the drop-down datagrid go to other pages.
|
||||
* combogrid: The 'setValue' and 'setValues' methods accept a key-value object.
|
||||
* window: The inline window's mask can auto-stretch its size to fill parent container.
|
||||
* tabs: The 'showTool' and 'hideTool' methods are available for users to show or hide the tools.
|
||||
* layout: Allow the user to override the 'cls','headerCls' and 'bodyCls' property values.
|
||||
* New Plugins
|
||||
* switchbutton: The switch button with two states:'on' and 'off'.
|
||||
|
||||
Version 1.4.2
|
||||
-------------
|
||||
* Bug
|
||||
* treegrid: The column will restore its size to original size after recreating the treegrid. fixed.
|
||||
* Improvement
|
||||
* draggable: Add 'delay' property that allows the user to delay the drag operation.
|
||||
* tree: Add 'filter' property and 'doFilter' method.
|
||||
* tabs: The 'add' method allows the user to insert a tab panel at a specified index.
|
||||
* tabs: The user can determine what tab panel can be selected.
|
||||
* tabs: Add 'justified' and 'narrow' properties.
|
||||
* layout: Add 'unsplit' and 'split' methods.
|
||||
* messager: Keyboard navigation features are supported now.
|
||||
* form: Add 'onChange' event.
|
||||
* combobox: Add 'queryParams' property.
|
||||
* slider: Add 'range' property.
|
||||
* menu: Add 'itemHeight','inline','noline' properties.
|
||||
* panel: The 'header' property allows the user to customize the panel header.
|
||||
* menubutton: Add 'hasDownArrow' property.
|
||||
* New Plugins
|
||||
* datalist: The plugin to render items in a list.
|
||||
* navpanel: The root component for the mobile page.
|
||||
* mobile: The plugin to provide the mobile page stack management and navigation.
|
||||
|
||||
Version 1.4.1
|
||||
-------------
|
||||
* Bug
|
||||
* combogrid: The combogrid has different height than other combo components. fixed.
|
||||
* datagrid: The row element loses some class style value after calling 'updateRow' method. fixed.
|
||||
* menubutton: Calling 'enable' method on a disabled button can not work well. fixed.
|
||||
* form: The filebox components in the form do not work correctly after calling 'clear' method. fixed.
|
||||
* Improvement
|
||||
* tabs: The 'update' method accepts 'type' option that allows the user to update the header,body,or both.
|
||||
* panel: Add 'openAnimation','openDuration','closeAnimation' and 'closeDuration' properties to set the animation for opening or closing a panel.
|
||||
* panel: Add 'footer' property that allows the user to add a footer bar to the bottom of panel.
|
||||
* datagrid: Calling 'endEdit' method will accept the editing value correctly.
|
||||
* datagrid: Add 'onBeforeSelect','onBeforeCheck','onBeforeUnselect','onBeforeUncheck' events.
|
||||
* propertygrid: The user can edit a row by calling 'beginEdit' method.
|
||||
* datebox: Add 'cloneFrom' method to create the datebox component quickly.
|
||||
* datetimebox: Add 'cloneFrom' method to create the datetimebox component quickly.
|
||||
|
||||
Version 1.4
|
||||
-------------
|
||||
* Bug
|
||||
* menu: The menu should not has a correct height when removed a menu item. fixed.
|
||||
* datagrid: The 'fitColumns' method does not work normally when the datarid width is too small. fixed.
|
||||
* Improvement
|
||||
* The fluid/percentange size is supported now for all easyui components.
|
||||
* menu: Add 'showItem', 'hideItem' and 'resize' methods.
|
||||
* menu: Auto resize the height upon the window size.
|
||||
* menu: Add 'duration' property that allows the user to define duration time in milliseconds to hide menu.
|
||||
* validatebox: Add 'onBeforeValidate' and 'onValidate' events.
|
||||
* combo: Extended from textbox now.
|
||||
* combo: Add 'panelMinWidth','panelMaxWidth','panelMinHeight' and 'panelMaxHeight' properties.
|
||||
* searchbox: Extended from textbox now.
|
||||
* tree: The 'getRoot' method will return the top parent node of a specified node if pass a 'nodeEl' parameter.
|
||||
* tree: Add 'queryParams' property.
|
||||
* datetimebox: Add 'spinnerWidth' property.
|
||||
* panel: Add 'doLayout' method to cause the panel to lay out its components.
|
||||
* panel: Add 'clear' method to clear the panel's content.
|
||||
* datagrid: The user is allowed to assign percent width to columns.
|
||||
* form: Add 'ajax','novalidate' and 'queryParams' properties.
|
||||
* linkbutton: Add 'resize' method.
|
||||
* New Plugins
|
||||
* textbox: A enhanced input field that allows users build their form easily.
|
||||
* datetimespinner: A date and time spinner that allows to pick a specific day.
|
||||
* filebox: The filebox component represents a file field of the forms.
|
||||
|
||||
Version 1.3.6
|
||||
-------------
|
||||
* Bug
|
||||
* treegrid: The 'getChecked' method can not return correct checked rows. fixed.
|
||||
* tree: The checkbox does not display properly on async tree when 'onlyLeafCheck' property is true. fixed.
|
||||
* Improvement
|
||||
* treegrid: All the selecting and checking methods are extended from datagrid component.
|
||||
* linkbutton: The icon alignment is fully supported, possible values are: 'top','bottom','left','right'.
|
||||
* linkbutton: Add 'size' property, possible values are: 'small','large'.
|
||||
* linkbutton: Add 'onClick' event.
|
||||
* menubutton: Add 'menuAlign' property that allows the user set top level menu alignment.
|
||||
* combo: Add 'panelAlign' property, possible values are: 'left','right'.
|
||||
* calendar: The 'formatter','styler' and 'validator' options are available to custom the calendar dates.
|
||||
* calendar: Add 'onChange' event.
|
||||
* panel: Add 'method','queryParams' and 'loader' options.
|
||||
* panel: Add 'onLoadError' event.
|
||||
* datagrid: Add 'onBeginEdit' event that fires when a row goes into edit mode.
|
||||
* datagrid: Add 'onEndEdit' event that fires when finishing editing but before destroying editors.
|
||||
* datagrid: Add 'sort' method and 'onBeforeSortColumn' event.
|
||||
* datagrid: The 'combogrid' editor has been integrated into datagrid.
|
||||
* datagrid: Add 'ctrlSelect' property that only allows multi-selection when ctrl+click is used.
|
||||
* slider: Add 'converter' option that allows users determine how to convert a value to the slider position or the slider position to the value.
|
||||
* searchbox: Add 'disabled' property.
|
||||
* searchbox: Add 'disable','enable','clear','reset' methods.
|
||||
* spinner: Add 'readonly' property, 'readonly' method and 'onChange' event.
|
||||
|
||||
Version 1.3.5
|
||||
-------------
|
||||
* Bug
|
||||
* searchbox: The 'searcher' function can not offer 'name' parameter value correctly. fixed.
|
||||
* combo: The 'isValid' method can not return boolean value. fixed.
|
||||
* combo: Clicking combo will trigger the 'onHidePanel' event of other combo components that have hidden drop-down panels. fixed.
|
||||
* combogrid: Some methods can not inherit from combo. fixed.
|
||||
* Improvement
|
||||
* datagrid: Improve performance on checking rows.
|
||||
* menu: Allows to append a menu separator.
|
||||
* menu: Add 'hideOnUnhover' property to indicate if the menu should be hidden when mouse exits it.
|
||||
* slider: Add 'clear' and 'reset' methods.
|
||||
* tabs: Add 'unselect' method that will trigger 'onUnselect' event.
|
||||
* tabs: Add 'selected' property to specify what tab panel will be opened.
|
||||
* tabs: The 'collapsible' property of tab panel is supported to determine if the tab panel can be collapsed.
|
||||
* tabs: Add 'showHeader' property, 'showHeader' and 'hideHeader' methods.
|
||||
* combobox: The 'disabled' property can be used to disable some items.
|
||||
* tree: Improve loading performance.
|
||||
* pagination: The 'layout' property can be used to customize the pagination layout.
|
||||
* accordion: Add 'unselect' method that will trigger 'onUnselect' event.
|
||||
* accordion: Add 'selected' and 'multiple' properties.
|
||||
* accordion: Add 'getSelections' method.
|
||||
* datebox: Add 'sharedCalendar' property that allows multiple datebox components share one calendar component.
|
||||
|
||||
Version 1.3.4
|
||||
-------------
|
||||
* Bug
|
||||
* combobox: The onLoadSuccess event fires when parsing empty local data. fixed.
|
||||
* form: Calling 'reset' method can not reset datebox field. fixed.
|
||||
* Improvement
|
||||
* mobile: The context menu and double click features are supported on mobile devices.
|
||||
* combobox: The 'groupField' and 'groupFormatter' options are available to display items in groups.
|
||||
* tree: When append or insert nodes, the 'data' parameter accepts one or more nodes data.
|
||||
* tree: The 'getChecked' method accepts a single 'state' or an array of 'state'.
|
||||
* tree: Add 'scrollTo' method.
|
||||
* datagrid: The 'multiSort' property is added to support multiple column sorting.
|
||||
* datagrid: The 'rowStyler' and column 'styler' can return CSS class name or inline styles.
|
||||
* treegrid: Add 'load' method to load data and navigate to the first page.
|
||||
* tabs: Add 'tabWidth' and 'tabHeight' properties.
|
||||
* validatebox: The 'novalidate' property is available to indicate whether to perform the validation.
|
||||
* validatebox: Add 'enableValidation' and 'disableValidation' methods.
|
||||
* form: Add 'enableValidation' and 'disableValidation' methods.
|
||||
* slider: Add 'onComplete' event.
|
||||
* pagination: The 'buttons' property accepts the existing element.
|
||||
|
||||
Version 1.3.3
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: Some style features are not supported by column styler function. fixed.
|
||||
* datagrid: IE 31 stylesheet limit. fixed.
|
||||
* treegrid: Some style features are not supported by column styler function. fixed.
|
||||
* menu: The auto width of menu item displays incorrect in ie6. fixed.
|
||||
* combo: The 'onHidePanel' event can not fire when clicked outside the combo area. fixed.
|
||||
* Improvement
|
||||
* datagrid: Add 'scrollTo' and 'highlightRow' methods.
|
||||
* treegrid: Enable treegrid to parse data from <tbody> element.
|
||||
* combo: Add 'selectOnNavigation' and 'readonly' options.
|
||||
* combobox: Add 'loadFilter' option to allow users to change data format before loading into combobox.
|
||||
* tree: Add 'onBeforeDrop' callback event.
|
||||
* validatebox: Dependent on tooltip plugin now, add 'deltaX' property.
|
||||
* numberbox: The 'filter' options can be used to determine if the key pressed was accepted.
|
||||
* linkbutton: The group button is available.
|
||||
* layout: The 'minWidth','maxWidth','minHeight','maxHeight' and 'collapsible' properties are available for region panel.
|
||||
* New Plugins
|
||||
* tooltip: Display a popup message when moving mouse over an element.
|
||||
|
||||
Version 1.3.2
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: The loading message window can not be centered when changing the width of datagrid. fixed.
|
||||
* treegrid: The 'mergeCells' method can not work normally. fixed.
|
||||
* propertygrid: Calling 'endEdit' method to stop editing a row will cause errors. fixed.
|
||||
* tree: Can not load empty data when 'lines' property set to true. fixed.
|
||||
* Improvement
|
||||
* RTL feature is supported now.
|
||||
* tabs: Add 'scrollBy' method to scroll the tab header by the specified amount of pixels
|
||||
* tabs: Add 'toolPosition' property to set tab tools to left or right.
|
||||
* tabs: Add 'tabPosition' property to define the tab position, possible values are: 'top','bottom','left','right'.
|
||||
* datagrid: Add a column level property 'order' that allows users to define different default sort order per column.
|
||||
* datagrid: Add a column level property 'halign' that allows users to define how to align the column header.
|
||||
* datagrid: Add 'resizeHandle' property to define the resizing column position, by grabbing the left or right edge of the column.
|
||||
* datagrid: Add 'freezeRow' method to freeze some rows that will always be displayed at the top when the datagrid is scrolled down.
|
||||
* datagrid: Add 'clearChecked' method to clear all checked records.
|
||||
* datagrid: Add 'data' property to initialize the datagrid data.
|
||||
* linkbutton: Add 'iconAlgin' property to define the icon position, supported values are: 'left','right'.
|
||||
* menu: Add 'minWidth' property.
|
||||
* menu: The menu width can be automatically calculated.
|
||||
* tree: New events are available including 'onBeforeDrag','onStartDrag','onDragEnter','onDragOver','onDragLeave',etc.
|
||||
* combo: Add 'height' property to allow users to define the height of combo.
|
||||
* combo: Add 'reset' method.
|
||||
* numberbox: Add 'reset' method.
|
||||
* spinner: Add 'reset' method.
|
||||
* spinner: Add 'height' property to allow users to define the height of spinner.
|
||||
* searchbox: Add 'height' property to allow users to define the height of searchbox.
|
||||
* form: Add 'reset' method.
|
||||
* validatebox: Add 'delay' property to delay validating from the last inputting value.
|
||||
* validatebox: Add 'tipPosition' property to define the tip position, supported values are: 'left','right'.
|
||||
* validatebox: Multiple validate rules on a field is supported now.
|
||||
* slider: Add 'reversed' property to determine if the min value and max value will switch their positions.
|
||||
* progressbar: Add 'height' property to allow users to define the height of progressbar.
|
||||
|
||||
Version 1.3.1
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: Setting the 'pageNumber' property is not valid. fixed.
|
||||
* datagrid: The id attribute of rows isn't adjusted properly while calling 'insertRow' or 'deleteRow' method.
|
||||
* dialog: When load content from 'href', the script will run twice. fixed.
|
||||
* propertygrid: The editors that extended from combo can not accept its changed value. fixed.
|
||||
* Improvement
|
||||
* droppable: Add 'disabled' property.
|
||||
* droppable: Add 'options','enable' and 'disable' methods.
|
||||
* tabs: The tab panel tools can be changed by calling 'update' method.
|
||||
* messager: When show a message window, the user can define the window position by applying 'style' property.
|
||||
* window: Prevent script on window body from running twice.
|
||||
* window: Add 'hcenter','vcenter' and 'center' methods.
|
||||
* tree: Add 'onBeforeCheck' callback event.
|
||||
* tree: Extend the 'getChecked' method to allow users to get 'checked','unchecked' or 'indeterminate' nodes.
|
||||
* treegrid: Add 'update' method to update a specified node.
|
||||
* treegrid: Add 'insert' method to insert a new node.
|
||||
* treegrid: Add 'pop' method to remove a node and get the removed node data.
|
||||
|
||||
Version 1.3
|
||||
-----------
|
||||
* Bug
|
||||
* combogrid: When set to 'remote' query mode, the 'queryParams' parameters can't be sent to server. fixed.
|
||||
* combotree: The tree nodes on drop-down panel can not be unchecked while calling 'clear' method. fixed.
|
||||
* datetimebox: Setting 'showSeconds' property to false cannot hide seconds info. fixed.
|
||||
* datagrid: Calling 'mergeCells' method can't auto resize the merged cell while header is hidden. fixed.
|
||||
* dialog: Set cache to false and load data via ajax, the content cannot be refreshed. fixed.
|
||||
* Improvement
|
||||
* The HTML5 'data-options' attribute is available for components to declare all custom options, including properties and events.
|
||||
* More detailed documentation is available.
|
||||
* panel: Prevent script on panel body from running twice.
|
||||
* accordion: Add 'getPanelIndex' method.
|
||||
* accordion: The tools can be added on panel header.
|
||||
* datetimebox: Add 'timeSeparator' option that allows users to define the time separator.
|
||||
* pagination: Add 'refresh' and 'select' methods.
|
||||
* datagrid: Auto resize the column width to fit the contents when the column width is not defined.
|
||||
* datagrid: Double click on the right border of columns to auto resize the columns to the contents in the columns.
|
||||
* datagrid: Add 'autoSizeColumn' method that allows users to adjust the column width to fit the contents.
|
||||
* datagrid: Add 'getChecked' method to get all rows where the checkbox has been checked.
|
||||
* datagrid: Add 'selectOnCheck' and 'checkOnSelect' properties and some checking methods to enhance the row selections.
|
||||
* datagrid: Add 'pagePosition' property to allow users to display pager bar at either top,bottom or both places of the grid.
|
||||
* datagrid: The buffer view and virtual scroll view are supported to display large amounts of records without pagination.
|
||||
* tabs: Add 'disableTab' and 'enableTab' methods to allow users to disable or enable a tab panel.
|
||||
|
||||
Version 1.2.6
|
||||
-------------
|
||||
* Bug
|
||||
* tabs: Call 'add' method with 'selected:false' option, the added tab panel is always selected. fixed.
|
||||
* treegrid: The 'onSelect' and 'onUnselect' events can't be triggered. fixed.
|
||||
* treegrid: Cannot display zero value field. fixed.
|
||||
* Improvement
|
||||
* propertygrid: Add 'expandGroup' and 'collapseGroup' methods.
|
||||
* layout: Allow users to create collapsed layout panels by assigning 'collapsed' property to true.
|
||||
* layout: Add 'add' and 'remove' methods that allow users to dynamically add or remove region panel.
|
||||
* layout: Additional tool icons can be added on region panel header.
|
||||
* calendar: Add 'firstDay' option that allow users to set first day of week. Sunday is 0, Monday is 1, ...
|
||||
* tree: Add 'lines' option, true to display tree lines.
|
||||
* tree: Add 'loadFilter' option that allow users to change data format before loading into the tree.
|
||||
* tree: Add 'loader' option that allow users to define how to load data from remote server.
|
||||
* treegrid: Add 'onClickCell' and 'onDblClickCell' callback function options.
|
||||
* datagrid: Add 'autoRowHeight' property that allow users to determine if set the row height based on the contents of that row.
|
||||
* datagrid: Improve performance to load large data set.
|
||||
* datagrid: Add 'loader' option that allow users to define how to load data from remote server.
|
||||
* treegrid: Add 'loader' option that allow users to define how to load data from remote server.
|
||||
* combobox: Add 'onBeforeLoad' callback event function.
|
||||
* combobox: Add 'loader' option that allow users to define how to load data from remote server.
|
||||
* Add support for other loading mode such as dwr,xml,etc.
|
||||
* New Plugins
|
||||
* slider: Allows the user to choose a numeric value from a finite range.
|
||||
|
||||
Version 1.2.5
|
||||
-------------
|
||||
* Bug
|
||||
* tabs: When add a new tab panel with href property, the content page is loaded twice. fixed.
|
||||
* form: Failed to call 'load' method to load form input with complex name. fixed.
|
||||
* draggable: End drag in ie9, the cursor cannot be restored. fixed.
|
||||
* Improvement
|
||||
* panel: The tools can be defined via html markup.
|
||||
* tabs: Call 'close' method to close specified tab panel, users can pass tab title or index of tab panel. Other methods such 'select','getTab' and 'exists' are similar to 'close' method.
|
||||
* tabs: Add 'getTabIndex' method.
|
||||
* tabs: Users can define mini tools on tabs.
|
||||
* tree: The mouse must move a specified distance to begin drag and drop operation.
|
||||
* resizable: Add 'options','enable' and 'disable' methods.
|
||||
* numberbox: Allow users to change number format.
|
||||
* datagrid: The subgrid is supported now.
|
||||
* searchbox: Add 'selectName' method to select searching type name.
|
||||
|
||||
Version 1.2.4
|
||||
-------------
|
||||
* Bug
|
||||
* menu: The menu position is wrong when scroll bar appears. fixed.
|
||||
* accordion: Cannot display the default selected panel in jQuery 1.6.2. fixed.
|
||||
* tabs: Cannot display the default selected tab panel in jQuery 1.6.2. fixed.
|
||||
* Improvement
|
||||
* menu: Allow users to disable or enable menu item.
|
||||
* combo: Add 'delay' property to set the delay time to do searching from the last key input event.
|
||||
* treegrid: The 'getEditors' and 'getEditor' methods are supported now.
|
||||
* treegrid: The 'loadFilter' option is supported now.
|
||||
* messager: Add 'progress' method to display a message box with a progress bar.
|
||||
* panel: Add 'extractor' option to allow users to extract panel content from ajax response.
|
||||
* New Plugins
|
||||
* searchbox: Allow users to type words into box and do searching operation.
|
||||
* progressbar: To display the progress of a task.
|
||||
|
||||
Version 1.2.3
|
||||
-------------
|
||||
* Bug
|
||||
* window: Cannot resize the window with iframe content. fixed.
|
||||
* tree: The node will be removed when dragging to its child. fixed.
|
||||
* combogrid: The onChange event fires multiple times. fixed.
|
||||
* accordion: Cannot add batch new panels when animate property is set to true. fixed.
|
||||
* Improvement
|
||||
* treegrid: The footer row and row styler features are supported now.
|
||||
* treegrid: Add 'getLevel','reloadFooter','getFooterRows' methods.
|
||||
* treegrid: Support root nodes pagination and editable features.
|
||||
* datagrid: Add 'getFooterRows','reloadFooter','insertRow' methods and improve editing performance.
|
||||
* datagrid: Add 'loadFilter' option that allow users to change original source data to standard data format.
|
||||
* draggable: Add 'onBeforeDrag' callback event function.
|
||||
* validatebox: Add 'remote' validation type.
|
||||
* combobox: Add 'method' option.
|
||||
* New Plugins
|
||||
* propertygrid: Allow users to edit property value in datagrid.
|
||||
|
||||
Version 1.2.2
|
||||
-------------
|
||||
* Bug
|
||||
* datagrid: Apply fitColumns cannot work fine while set checkbox column. fixed.
|
||||
* datagrid: The validateRow method cannot return boolean type value. fixed.
|
||||
* numberbox: Cannot fix value in chrome when min or max property isn't defined. fixed.
|
||||
* Improvement
|
||||
* menu: Add some crud methods.
|
||||
* combo: Add hasDownArrow property to determine whether to display the down arrow button.
|
||||
* tree: Supports inline editing.
|
||||
* calendar: Add some useful methods such as 'resize', 'moveTo' etc.
|
||||
* timespinner: Add some useful methods.
|
||||
* datebox: Refactoring based on combo and calendar plugin now.
|
||||
* datagrid: Allow users to change row style in some conditions.
|
||||
* datagrid: Users can use the footer row to display summary information.
|
||||
* New Plugins
|
||||
* datetimebox: Combines datebox with timespinner component.
|
||||
|
||||
Version 1.2.1
|
||||
-------------
|
||||
* Bug
|
||||
* easyloader: Some dependencies cannot be loaded by their order. fixed.
|
||||
* tree: The checkbox is setted incorrectly when removing a node. fixed.
|
||||
* dialog: The dialog layout incorrectly when 'closed' property is setted to true. fixed.
|
||||
* Improvement
|
||||
* parser: Add onComplete callback function that can indicate whether the parse action is complete.
|
||||
* menu: Add onClick callback function and some other methods.
|
||||
* tree: Add some useful methods.
|
||||
* tree: Drag and Drop feature is supported now.
|
||||
* tree: Add onContextMenu callback function.
|
||||
* tabs: Add onContextMenu callback function.
|
||||
* tabs: Add 'tools' property that can create buttons on right bar.
|
||||
* datagrid: Add onHeaderContextMenu and onRowContextMenu callback functions.
|
||||
* datagrid: Custom view is supported.
|
||||
* treegrid: Add onContextMenu callback function and append,remove methods.
|
||||
|
||||
Version 1.2
|
||||
-------------
|
||||
* Improvement
|
||||
* tree: Add cascadeCheck,onlyLeafCheck properties and select event.
|
||||
* combobox: Enable multiple selection.
|
||||
* combotree: Enable multiple selection.
|
||||
* tabs: Remember the trace of selection, when current tab panel is closed, the previous selected tab will be selected.
|
||||
* datagrid: Extend from panel, so many properties defined in panel can be used for datagrid.
|
||||
* New Plugins
|
||||
* treegrid: Represent tabular data in hierarchical view, combines tree view and datagrid.
|
||||
* combo: The basic component that allow user to extend their combo component such as combobox,combotree,etc.
|
||||
* combogrid: Combines combobox with drop-down datagrid component.
|
||||
* spinner: The basic plugin to create numberspinner,timespinner,etc.
|
||||
* numberspinner: The numberbox that allow user to change value by clicking up and down spin buttons.
|
||||
* timespinner: The time selector that allow user to quickly inc/dec a time.
|
||||
|
||||
Version 1.1.2
|
||||
-------------
|
||||
* Bug
|
||||
* messager: When call show method in layout, the message window will be blocked. fixed.
|
||||
* Improvement
|
||||
* datagrid: Add validateRow method, remember the current editing row status when do editing action.
|
||||
* datagrid: Add the ability to create merged cells.
|
||||
* form: Add callback functions when loading data.
|
||||
* panel,window,dialog: Add maximize,minimize,restore,collapse,expand methods.
|
||||
* panel,tabs,accordion: The lazy loading feature is supported.
|
||||
* tabs: Add getSelected,update,getTab methods.
|
||||
* accordion: Add crud methods.
|
||||
* linkbutton: Accept an id option to set the id attribute.
|
||||
* tree: Enhance tree node operation.
|
||||
|
||||
Version 1.1.1
|
||||
-------------
|
||||
* Bug
|
||||
* form: Cannot clear the value of combobox and combotree component. fixed.
|
||||
* Improvement
|
||||
* tree: Add some useful methods such as 'getRoot','getChildren','update',etc.
|
||||
* datagrid: Add editable feature, improve performance while loading data.
|
||||
* datebox: Add destroy method.
|
||||
* combobox: Add destroy and clear method.
|
||||
* combotree: Add destroy and clear method.
|
||||
|
||||
Version 1.1
|
||||
-------------
|
||||
* Bug
|
||||
* messager: When call show method with timeout property setted, an error occurs while clicking the close button. fixed.
|
||||
* combobox: The editable property of combobox plugin is invalid. fixed.
|
||||
* window: The proxy box will not be removed when dragging or resizing exceed browser border in ie. fixed.
|
||||
* Improvement
|
||||
* menu: The menu item can use <a> markup to display a different page.
|
||||
* tree: The tree node can use <a> markup to act as a tree menu.
|
||||
* pagination: Add some event on refresh button and page list.
|
||||
* datagrid: Add a 'param' parameter for reload method, with which users can pass query parameter when reload data.
|
||||
* numberbox: Add required validation support, the usage is same as validatebox plugin.
|
||||
* combobox: Add required validation support.
|
||||
* combotree: Add required validation support.
|
||||
* layout: Add some method that can get a region panel and attach event handlers.
|
||||
* New Plugins
|
||||
* droppable: A droppable plugin that supports drag drop operation.
|
||||
* calendar: A calendar plugin that can either be embedded within a page or popup.
|
||||
* datebox: Combines a textbox with a calendar that let users to select date.
|
||||
* easyloader: A JavaScript loader that allows you to load plugin and their dependencies into your page.
|
||||
|
||||
Version 1.0.5
|
||||
* Bug
|
||||
* panel: The fit property of panel performs incorrectly. fixed.
|
||||
* Improvement
|
||||
* menu: Add a href attribute for menu item, with which user can display a different page in the current browser window.
|
||||
* form: Add a validate method to do validation for validatebox component.
|
||||
* dialog: The dialog can read collapsible,minimizable,maximizable and resizable attribute from markup.
|
||||
* New Plugins
|
||||
* validatebox: A validation plugin that checks to make sure the user's input value is valid.
|
||||
|
||||
Version 1.0.4
|
||||
-------------
|
||||
* Bug
|
||||
* panel: When panel is invisible, it is abnormal when resized. fixed.
|
||||
* panel: Memory leak in method 'destroy'. fixed.
|
||||
* messager: Memory leak when messager box is closed. fixed.
|
||||
* dialog: No onLoad event occurs when loading remote data. fixed.
|
||||
* Improvement
|
||||
* panel: Add method 'setTitle'.
|
||||
* window: Add method 'setTitle'.
|
||||
* dialog: Add method 'setTitle'.
|
||||
* combotree: Add method 'getValue'.
|
||||
* combobox: Add method 'getValue'.
|
||||
* form: The 'load' method can load data and fill combobox and combotree field correctly.
|
||||
|
||||
Version 1.0.3
|
||||
-------------
|
||||
* Bug
|
||||
* menu: When menu is show in a DIV container, it will be cropped. fixed.
|
||||
* layout: If you collpase a region panel and then expand it immediately, the region panel will not show normally. fixed.
|
||||
* accordion: If no panel selected then the first one will become selected and the first panel's body height will not set correctly. fixed.
|
||||
* Improvement
|
||||
* tree: Add some methods to support CRUD operation.
|
||||
* datagrid: Toolbar can accept a new property named 'disabled' to disable the specified tool button.
|
||||
* New Plugins
|
||||
* combobox: Combines a textbox with a list of options that users are able to choose from.
|
||||
* combotree: Combines combobox with drop-down tree component.
|
||||
* numberbox: Make input element can only enter number char.
|
||||
* dialog: rewrite the dialog plugin, dialog can contains toolbar and buttons.
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AJAX Content</title>
|
||||
</head>
|
||||
<body>
|
||||
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
|
||||
<ul>
|
||||
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
|
||||
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
|
||||
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
|
||||
<li>complete framework for HTML5 web page.</li>
|
||||
<li>easyui save your time and scales while developing your products.</li>
|
||||
<li>easyui is very easy but powerful.</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Accordion - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Basic Accordion</span>
</div>
</header>
<div class="easyui-accordion" fit="true" border="false">
<div title="List">
<ul class="m-list">
<li>WLAN</li>
<li>Memory</li>
<li>Screen</li>
<li>More...</li>
</ul>
</div>
<div title="Ajax" href="_content.html" style="padding:10px"></div>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Custom Accordion Header - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Custom Accordion Header</span>
</div>
</header>
<div class="easyui-accordion" data-options="fit:true,border:false,selected:-1">
<div>
<header>
<div class="hh-inner">
<span>List</span>
<span class="m-badge" style="float:right">26/51</span>
</div>
</header>
<ul class="m-list">
<li>WLAN</li>
<li>Memory</li>
<li>Screen</li>
<li>More...</li>
</ul>
</div>
<div href="_content.html" style="padding:10px">
<header>
<div class="hh-inner">
<span>Ajax</span>
<span style="float:right">
<span style="color:#999;margin-right:5px">Loading via ajax</span>
<span class="m-badge">23</span>
</span>
</div>
</header>
</div>
</div>
</div>
<style scoped>
.hh-inner{
position: relative;
line-height: 20px;
background: #fff;
font-weight: bold;
margin: -5px;
padding: 5px;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Animation - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Basic Animation</span>
</div>
</header>
<ul class="m-list">
<li><a href="#p2">Goto Panel2</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
<div class="m-title">Panel2</div>
</div>
</header>
<ul class="m-list">
<li><a href="#p3">Goto Panel3</a></li>
</ul>
</div>
<div id="p3" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
<div class="m-title">Panel3</div>
</div>
</header>
<div style="padding:20px 10px">
<p>Panel3 Content.</p>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Fade Animation - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Fade Animation</span>
</div>
</header>
<ul class="m-list">
<li><a href="#p2" data-options="animation:'fade',direction:''">Fade</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
<div class="m-title">Panel2</div>
</div>
</header>
<div style="padding:10px">
<p>Panel2 Content.</p>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Pop Animation - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Pop Animation</span>
</div>
</header>
<ul class="m-list">
<li><a href="#p2" data-options="animation:'pop',direction:''">Pop</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
<div class="m-title">Panel2</div>
</div>
</header>
<div style="padding:10px">
<p>Panel2 Content.</p>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Slide Animation - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Slide Animation</span>
</div>
</header>
<ul class="m-list">
<li><a href="#p2" data-options="animation:'slide',direction:'left'">Slide Left</a></li>
<li><a href="#p2" data-options="animation:'slide',direction:'right'">Slide Right</a></li>
<li><a href="#p2" data-options="animation:'slide',direction:'up'">Slide Up</a></li>
<li><a href="#p2" data-options="animation:'slide',direction:'down'">Slide Down</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
<div class="m-title">Panel2</div>
</div>
</header>
<div style="padding:10px">
<p>Panel2 Content.</p>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Badge - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Basic Badge</span>
</div>
</header>
<div style="padding:20px 40px">
<a href="#" class="easyui-linkbutton">
Button<span class="m-badge">2</span>
</a>
</div>
<div style="padding:20px 40px">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok">
Button<span class="m-badge">3</span>
</a>
</div>
<div style="padding:20px 40px">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',iconAlign:'top',size:'large'">
LargeButton<span class="m-badge">4</span>
</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',iconAlign:'top',size:'large'" style="margin-left:20px">
LargeButton<span class="m-badge">5</span>
</a>
</div>
<div style="padding:20px 40px">
<a href="#" class="easyui-linkbutton m-badge" data-badge="22" style="width:100px;height:40px">Badge Attr</a>
<a href="#" class="easyui-linkbutton m-badge" data-badge="23" style="width:100px;height:40px;margin-left:20px">Badge Attr</a>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Button Badge - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Button Badge</span>
</div>
</header>
<footer>
<div class="m-buttongroup m-buttongroup-justified" style="width:100%">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes<span class="m-badge">23</span></a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a>
</div>
</footer>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>List Badge - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/color.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">List Badge</span>
</div>
</header>
<ul class="m-list">
<li>Large
<div class="m-right"><span class="m-badge" style="margin-top:10px">234</span></div>
</li>
<li>Spotted Adult Female
<div class="m-right"><span class="m-badge" style="margin-top:10px">215</span></div>
</li>
<li>Venomless
<div class="m-right"><span class="m-badge c1" style="margin-top:10px">12</span></div>
</li>
<li>Rattleless
<div class="m-right"><span class="m-badge c2" style="margin-top:10px">6</span></div>
</li>
<li>Green Adult</li>
<li>Tailless</li>
<li>With tail</li>
<li>Adult Female</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Tabs Badge - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Tabs Badge</div>
</div>
</header>
<div class="easyui-tabs" data-options="tabHeight:60,fit:true,tabPosition:'bottom',border:false,pill:true,narrow:true,justified:true">
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/modem.png'/><br>Modem
</div>
<p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/scanner.png'/><br>Scanner
</div>
<p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/pda.png'/><br>Pda
<span class="m-badge">23</span>
</div>
<p>A personal digital assistant (PDA), also known as a palmtop computer, or personal data assistant, is a mobile device that functions as a personal information manager. PDAs are largely considered obsolete with the widespread adoption of smartphones.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/tablet.png'/><br>Pda
<span class="m-badge">13</span>
</div>
<p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p>
</div>
</div>
</div>
<style scoped>
.tt-inner{
display:inline-block;
line-height:12px;
padding-top:6px;
position: relative;
}
p{
line-height:150%;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic LinkButton - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Login to System</span>
</div>
</header>
<div style="margin:20px auto;width:100px;height:100px;border-radius:100px;overflow:hidden">
<img src="../images/login1.jpg" style="margin:0;width:100%;height:100%;">
</div>
<div style="padding:0 20px">
<div style="margin-bottom:10px">
<input class="easyui-textbox" data-options="prompt:'Type username',iconCls:'icon-man'" style="width:100%;height:38px">
</div>
<div>
<input class="easyui-passwordbox" data-options="prompt:'Type password'" style="width:100%;height:38px">
</div>
<div style="text-align:center;margin-top:30px">
<a href="#" class="easyui-linkbutton" style="width:100%;height:40px"><span style="font-size:16px">Login</span></a>
</div>
<div style="text-align:center;margin-top:30px">
<a href="#" class="easyui-linkbutton" plain="true" outline="true" style="width:100px;height:35px"><span style="font-size:16px">Register</span></a>
</div>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Group LinkButton - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Button Group</div>
</div>
</header>
<div style="text-align:center;padding:10px">
<span class="m-buttongroup">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="toggle:true,group:'g1',selected:true" onclick="show1('#m-modem')" style="width:80px;height:30px">Modem</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="show1('#m-scanner')" style="width:80px;height:30px">Scanner</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="show1('#m-tablet')" style="width:80px;height:30px">Tablet</a>
</span>
</div>
<div id="items" style="padding:10px 20px;">
<div id="m-modem" class="m-item">
<img src="../images/modem.png"/>
<p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p>
</div>
<div id="m-scanner" class="m-item" style="display:none">
<img src="../images/scanner.png"/>
<p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p>
</div>
<div id="m-tablet" class="m-item" style="display:none">
<img src="../images/tablet.png"/>
<p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p>
</div>
</div>
</div>
<script>
function show1(id){
$('div.m-item').hide();
$(id).show();
}
</script>
<style scoped>
p{
line-height:150%;
}
#items img{
margin:0 10px 10px 0;
float:left;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Button Style - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/color.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Button Style</span>
</div>
</header>
<div style="padding:20px">
<p>Style</p>
<a href="#" class="easyui-linkbutton" style="width:80px">Normal</a>
<a href="#" class="easyui-linkbutton" plain="true" outline="true" style="width:80px">Outline</a>
<a href="#" class="easyui-linkbutton" disabled style="width:80px">Disabled</a>
<p>Colors<p>
<p><a href="#" class="easyui-linkbutton c1" style="width:100%">Button1</a></p>
<p><a href="#" class="easyui-linkbutton c2" style="width:100%">Button2</a></p>
<p><a href="#" class="easyui-linkbutton c3" style="width:100%">Button3</a></p>
<p><a href="#" class="easyui-linkbutton c4" style="width:100%">Button4</a></p>
<p><a href="#" class="easyui-linkbutton c5" style="width:100%">Button5</a></p>
<p><a href="#" class="easyui-linkbutton c6" style="width:100%">Button6</a></p>
</div>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Switch Button - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/color.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Switch Button</span>
</div>
</header>
<ul class="m-list">
<li>
<span>Network</span>
<div class="m-right"><input class="easyui-switchbutton" checked></div>
</li>
<li>
<span>Bluetooth</span>
<div class="m-right"><input class="easyui-switchbutton" checked></div>
</li>
<li>
<span>Sent mail</span>
<div class="m-right"><input class="easyui-switchbutton" data-options="checked:false"></div>
</li>
<li>
<a href="javascript:void(0)">Storage...</a>
</li>
<li>
<a href="javascript:void(0)">More...</a>
</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic DataGrid - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<table id="dg" data-options="header:'#hh',singleSelect:true,border:false,fit:true,fitColumns:true,scrollbarSize:0">
<thead>
<tr>
<th data-options="field:'itemid',width:80">Item ID</th>
<th data-options="field:'productid',width:100">Product</th>
<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
</tr>
</thead>
</table>
<div id="hh">
<div class="m-toolbar">
<div class="m-title">Basic DataGrid</div>
</div>
</div>
<script>
var data = [
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
];
$(function(){
$('#dg').datagrid({
data: data
});
});
</script>
</body>
</html>
|
||||
@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Row Editing DataGrid - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<table id="dg" data-options="
|
||||
header:'#hh',
|
||||
iconCls: 'icon-edit',
|
||||
singleSelect: true,
|
||||
fit:true,
|
||||
fitColumns:true,
|
||||
border: false,
|
||||
scrollbarSize: 0,
|
||||
data: data,
|
||||
onClickRow: onClickRow
|
||||
">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-options="field:'itemid',width:80">Item ID</th>
|
||||
<th data-options="field:'productid',width:100,editor:'textbox'">Product</th>
|
||||
<th data-options="field:'listprice',width:80,align:'right',editor:{type:'numberbox',options:{precision:1}}">List Price</th>
|
||||
<th data-options="field:'unitcost',width:80,align:'right',editor:'numberbox'">Unit Cost</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div id="hh">
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Row Editing</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="removeit()"></a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" onclick="accept()"></a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true" onclick="reject()"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var data = [
|
||||
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
|
||||
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
|
||||
{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
|
||||
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
|
||||
];
|
||||
$(function(){
|
||||
$('#dg').datagrid({
|
||||
data: data
|
||||
});
|
||||
});
|
||||
|
||||
var editIndex = undefined;
|
||||
function endEditing(){
|
||||
if (editIndex == undefined){return true}
|
||||
if ($('#dg').datagrid('validateRow', editIndex)){
|
||||
$('#dg').datagrid('endEdit', editIndex);
|
||||
editIndex = undefined;
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function onClickRow(index){
|
||||
if (editIndex != index){
|
||||
if (endEditing()){
|
||||
$('#dg').datagrid('selectRow', index)
|
||||
.datagrid('beginEdit', index);
|
||||
editIndex = index;
|
||||
} else {
|
||||
$('#dg').datagrid('selectRow', editIndex);
|
||||
}
|
||||
}
|
||||
}
|
||||
function removeit(){
|
||||
if (editIndex == undefined){return}
|
||||
$('#dg').datagrid('cancelEdit', editIndex)
|
||||
.datagrid('deleteRow', editIndex);
|
||||
editIndex = undefined;
|
||||
}
|
||||
function accept(){
|
||||
if (endEditing()){
|
||||
$('#dg').datagrid('acceptChanges');
|
||||
}
|
||||
}
|
||||
function reject(){
|
||||
$('#dg').datagrid('rejectChanges');
|
||||
editIndex = undefined;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic DataList - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Basic DataList</span>
</div>
</header>
<ul class="easyui-datalist" data-options="
fit: true,
lines: true,
border: false
">
<li>Large</li>
<li>Spotted Adult Female</li>
<li>Venomless</li>
<li><a href="javascript:void(0)" class="datalist-link">Rattleless</a></li>
<li><a href="javascript:void(0)" class="datalist-link">Green Adult</a></li>
<li>Tailless</li>
<li>With tail</li>
<li>Adult Female</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Group DataList - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Group DataList</span>
</div>
</header>
<div id="dl" data-options="
fit: true,
border: false,
lines: true
">
</div>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span id="p2-title" class="m-title">Detail</span>
<div class="m-left">
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a>
</div>
</div>
</header>
<div style="margin:50px 0 0;text-align:center">
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a>
</div>
</div>
<script>
var data = [
{"group":"FL-DSH-01","item":"Tailless"},
{"group":"FL-DSH-01","item":"With tail"},
{"group":"FL-DSH-02","item":"Adult Female"},
{"group":"FL-DSH-02","item":"Adult Male"}
];
$(function(){
$('#dl').datalist({
data: data,
textField: 'item',
groupField: 'group',
textFormatter: function(value){
return '<a href="javascript:void(0)" class="datalist-link">' + value + '</a>';
},
onClickRow: function(index,row){
$('#p2-title').html(row.item);
$.mobile.go('#p2');
}
})
})
</script>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>DataList Selection - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">DataList Selection</span>
</div>
</header>
<div id="dl" data-options="
fit: true,
border: false,
lines: true,
checkbox: true,
singleSelect: false
">
</div>
</div>
<script>
var data = [
{"group":"FL-DSH-01","item":"Tailless"},
{"group":"FL-DSH-01","item":"With tail"},
{"group":"FL-DSH-02","item":"Adult Female"},
{"group":"FL-DSH-02","item":"Adult Male"}
];
$(function(){
$('#dl').datalist({
data: data,
textField: 'item',
groupField: 'group'
})
})
</script>
</body>
</html>
|
||||
@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Dialog - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel" style="position:relative">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Basic Dialog</div>
|
||||
</div>
|
||||
</header>
|
||||
<footer>
|
||||
<div class="m-buttongroup m-buttongroup-justified" style="width:100%">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a>
|
||||
</div>
|
||||
</footer>
|
||||
<div style="text-align:center;margin:50px 30px">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:80px;height:30px" onclick="$('#dlg1').dialog('open').dialog('center')">Login</a>
|
||||
</div>
|
||||
|
||||
<div id="dlg1" class="easyui-dialog" style="padding:20px 6px;width:80%;" data-options="inline:true,modal:true,closed:true,title:'Login'">
|
||||
<div style="margin-bottom:10px">
|
||||
<input class="easyui-textbox" prompt="Username" style="width:100%;height:30px">
|
||||
</div>
|
||||
<div>
|
||||
<input class="easyui-textbox" type="password" prompt="Password" style="width:100%;height:30px">
|
||||
</div>
|
||||
<div class="dialog-button">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100%;height:35px" onclick="$('#dlg1').dialog('close')">Sign in</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Message Dialog - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel" style="position:relative">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Message Dialog</div>
|
||||
</div>
|
||||
</header>
|
||||
<footer>
|
||||
<div class="m-buttongroup m-buttongroup-justified" style="width:100%;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a>
|
||||
</div>
|
||||
</footer>
|
||||
<div style="text-align:center;margin:50px 30px">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:80px;height:30px" onclick="$('#dlg1').dialog('open').dialog('center')">Click me</a>
|
||||
</div>
|
||||
|
||||
<div id="dlg1" class="easyui-dialog" style="padding:20px 6px;width:80%;" data-options="inline:true,modal:true,closed:true,title:'Information'">
|
||||
<p>This is a message dialog.</p>
|
||||
<div class="dialog-button">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100%;height:35px" onclick="$('#dlg1').dialog('close')">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Form - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel" style="position:relative;padding:20px">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Basic Form</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" plain="true" outline="true" onclick="$('#ff').form('reset')" style="width:60px">Reset</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<form id="ff">
|
||||
<div style="margin-bottom:10px">
|
||||
<input class="easyui-textbox" label="Full name:" prompt="Full name" style="width:100%">
|
||||
</div>
|
||||
<div style="margin-bottom:10px">
|
||||
<input class="easyui-datebox" label="Birthday:" prompt="Birthday" data-options="editable:false,panelWidth:220,panelHeight:240,iconWidth:30" style="width:100%">
|
||||
</div>
|
||||
<div style="margin-bottom:10px">
|
||||
<input class="easyui-passwordbox" label="Password:" prompt="Password" style="width:100%">
|
||||
</div>
|
||||
<div style="margin-bottom:10px">
|
||||
<input class="easyui-numberbox" label="Number:" prompt="Number" style="width:100%">
|
||||
</div>
|
||||
<div style="margin-bottom:10px">
|
||||
<label class="textbox-label">Switch:</label><!--
|
||||
--><input class="easyui-switchbutton">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 110 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>NumberSpinner - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">NumberSpinner</div>
</div>
</header>
<ul class="m-list">
<li>
<input class="easyui-numberspinner" style="width:100%;" data-options="
label: 'Basic Number:',
labelPosition: 'top'
">
</li>
<li>
<input class="easyui-numberspinner" style="width:100%;" data-options="
label: 'Increment Number:',
labelPosition: 'top',
value: 1000,
increment: 100
">
</li>
<li>
<input class="easyui-numberspinner" style="width:100%;" data-options="
label: 'Format Number:',
labelPosition: 'top',
value: 23893,
groupSeparator: ',',
decimalSeparator: '.',
prefix: '$'
">
</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>TextBox - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">TextBox</div>
</div>
</header>
<ul class="m-list">
<li>
<input class="easyui-textbox" style="width:100%" data-options="
label: 'Standard TextBox:',
labelPosition: 'top',
prompt: 'Search...'
">
</li>
<li>
<input class="easyui-textbox" style="width:100%" data-options="
label: 'Icon:',
labelPosition: 'top',
iconCls: 'icon-search'
">
</li>
<li>
<input class="easyui-textbox" style="width:100%" data-options="
label: 'Button:',
labelPosition: 'top',
buttonText: 'Search'
">
</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Layout - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Layout</div>
|
||||
<div class="m-left">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true">Back</a>
|
||||
</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" outline="true">Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<footer style="padding:2px 3px">
|
||||
<input class="easyui-textbox" style="width:100%;height:32px;" data-options="prompt:'Type something here',buttonText:'<span style=\'padding:0 15px\'>Send</span>'">
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Menu - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Menu</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"></a>
|
||||
<a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',menu:'#mm',menuAlign:'right',hasDownArrow:false"></a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<div id="mm" class="easyui-menu" style="width:150px;">
|
||||
<div data-options="iconCls:'icon-undo'">Undo</div>
|
||||
<div data-options="iconCls:'icon-redo'">Redo</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Cut</div>
|
||||
<div>Copy</div>
|
||||
<div>Paste</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Toolbar</div>
|
||||
<div data-options="iconCls:'icon-remove'">Delete</div>
|
||||
<div>Select All</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Menubar - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:70px">Home</a>
|
||||
<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit',outline:true" style="width:70px">Edit</a>
|
||||
<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help',outline:true" style="width:75px">Help</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:70px">About</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<div id="mm1" class="easyui-menu" style="width:150px;">
|
||||
<div data-options="iconCls:'icon-undo'">Undo</div>
|
||||
<div data-options="iconCls:'icon-redo'">Redo</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Cut</div>
|
||||
<div>Copy</div>
|
||||
<div>Paste</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Toolbar</div>
|
||||
<div data-options="iconCls:'icon-remove'">Delete</div>
|
||||
<div>Select All</div>
|
||||
</div>
|
||||
<div id="mm2" style="width:100px;">
|
||||
<div>Help</div>
|
||||
<div>Update</div>
|
||||
<div>About</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AJAX Content</title>
|
||||
</head>
|
||||
<body>
|
||||
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
|
||||
<ul>
|
||||
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
|
||||
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
|
||||
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
|
||||
<li>complete framework for HTML5 web page.</li>
|
||||
<li>easyui save your time and scales while developing your products.</li>
|
||||
<li>easyui is very easy but powerful.</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ajax Panel - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel" data-options="href:'_content.html'" style="padding:10px">
<header>
<div class="m-toolbar">
<div class="m-title">Ajax Panel</div>
</div>
</header>
<footer>
<div class="m-toolbar">
<div class="m-title">Panel Footer</div>
</div>
</footer>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Panel - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Panel Header</div>
</div>
</header>
<footer>
<div class="m-toolbar">
<div class="m-title">Panel Footer</div>
</div>
</footer>
</div>
</body>
</html>
|
||||
@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Navigation Panel - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Navigation</div>
|
||||
</div>
|
||||
</header>
|
||||
<div style="margin:50px 0 0;text-align:center">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.go('#p2')">Goto Panel2</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="p2" class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Panel2</div>
|
||||
<div class="m-left">
|
||||
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div style="margin:50px 0 0;text-align:center">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$.mobile.back()">Go Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Simple List - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Simple List</span>
</div>
</header>
<ul class="m-list">
<li>Large</li>
<li>Spotted Adult Female</li>
<li>Venomless</li>
<li>Rattleless</li>
<li>Green Adult</li>
<li>Tailless</li>
<li>With tail</li>
<li>Adult Female</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Button on List - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
<style>
</style>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Button on List</span>
</div>
</header>
<ul class="m-list">
<li>HP Deskjet 1000 Printer
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
<li>Epson WorkForce 845
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
<li>Logitech Keyboard K120
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
<li>Nikon COOLPIX L26 16.1 MP
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
<li>SanDisk Sansa Clip Zip 4GB
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
<li>BLUE MP3 Metal Mini Clip Player
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
</div>
</li>
</ul>
</div>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Group List - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Group List</span>
</div>
</header>
<ul class="m-list">
<li class="m-list-group">FL-DSH-01</li>
<li><a href="javascript:void(0)" onclick="openit(this)">Large</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Spotted Adult Female</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Venomless</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Rattleless</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Green Adult</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Tailless</a></li>
<li class="m-list-group">FL-DSH-02</li>
<li><a href="javascript:void(0)" onclick="openit(this)">With tail</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Adult Female</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span id="p2-title" class="m-title">Detail</span>
<div class="m-left">
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a>
</div>
</div>
</header>
<div style="margin:50px 0 0;text-align:center">
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a>
</div>
</div>
<script type="text/javascript">
function openit(target){
var text = $(target).text();
$('#p2-title').html(text);
$.mobile.go('#p2');
}
</script>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>List with Image - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">List with Image</span>
</div>
</header>
<ul id="list" class="m-list">
<li>
<img class="list-image" src="../images/modem.png"/>
<div class="list-header">modem</div>
<div class="list-content">modulates an analog carrier signal to encode digital information.</div>
</li>
<li>
<img class="list-image" src="../images/scanner.png"/>
<div class="list-header">scanner</div>
<div class="list-content">scans images, printed text, handwriting, or an object.</div>
</li>
<li>
<img class="list-image" src="../images/pda.png"/>
<div class="list-header">pda</div>
<div class="list-content">A personal digital assistant.</div>
</li>
<li>
<img class="list-image" src="../images/tablet.png"/>
<div class="list-header">tablet</div>
<div class="list-content">one-piece mobile computer.</div>
</li>
</ul>
</div>
<style scoped>
#list .list-image{
width: 32px;
height: 32px;
border: 0;
margin-right: 5px;
float: left;
}
#list .list-header{
font-size: 16px;
font-weight: bold;
}
#list .list-content{
text-overflow: ellipsis;
overflow: hidden;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Link List - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span class="m-title">Link List</span>
</div>
</header>
<ul class="m-list">
<li><a href="javascript:void(0)" onclick="openit(this)">Large</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Spotted Adult Female</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Venomless</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Rattleless</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Green Adult</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Tailless</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">With tail</a></li>
<li><a href="javascript:void(0)" onclick="openit(this)">Adult Female</a></li>
</ul>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<span id="p2-title" class="m-title">Detail</span>
<div class="m-left">
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a>
</div>
</div>
</header>
<div style="margin:50px 0 0;text-align:center">
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a>
</div>
</div>
<script type="text/javascript">
function openit(target){
var text = $(target).text();
$('#p2-title').html(text);
$.mobile.go('#p2');
}
</script>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Tabs - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-tabs" data-options="fit:true,border:false,tabWidth:80,tabHeight:35">
<div title="Java" style="padding:10px">
<p>Java is a general-purpose, concurrent, class-based, object-oriented computer programming language that is specifically designed to have as few implementation dependencies as possible.</p>
<p>Java applications are typically compiled to bytecode (class file) that can run on any Java virtual machine (JVM) regardless of computer architecture.</p>
</div>
<div title="Fortran" style="padding:10px">
<p>Fortran (previously FORTRAN) is a general-purpose, imperative programming language that is especially suited to numeric computation and scientific computing. Originally developed by IBM at their campus in south San Jose, California[1] in the 1950s for scientific and engineering applications.</p>
</div>
<div title="Perl" style="padding:10px">
<p>Perl is a family of high-level, general-purpose, interpreted, dynamic programming languages. The languages in this family include Perl 5 and Perl 6.</p>
<p>Though Perl is not officially an acronym, there are various backronyms in use, such as: Practical Extraction and Reporting Language. Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scripting language to make report processing easier. Since then, it has undergone many changes and revisions.</p>
</div>
</div>
<style scoped>
p{
line-height:150%;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Navigation Tabs - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Devices</div>
</div>
</header>
<div class="easyui-tabs" data-options="tabHeight:60,fit:true,tabPosition:'bottom',border:false,pill:true,narrow:true,justified:true">
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/modem.png'/><br>Modem
</div>
<p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/scanner.png'/><br>Scanner
</div>
<p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/pda.png'/><br>Pda
</div>
<p>A personal digital assistant (PDA), also known as a palmtop computer, or personal data assistant, is a mobile device that functions as a personal information manager. PDAs are largely considered obsolete with the widespread adoption of smartphones.</p>
</div>
<div style="padding:10px">
<div class="panel-header tt-inner">
<img src='../images/tablet.png'/><br>Pda
</div>
<p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p>
</div>
</div>
</div>
<style scoped>
.tt-inner{
display:inline-block;
line-height:12px;
padding-top:5px;
}
p{
line-height:150%;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Pill Tabs - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-tabs" data-options="fit:true,border:false,pill:true,justified:true,tabWidth:80,tabHeight:35">
<div title="Java" style="padding:10px">
<p>Java is a general-purpose, concurrent, class-based, object-oriented computer programming language that is specifically designed to have as few implementation dependencies as possible.</p>
<p>Java applications are typically compiled to bytecode (class file) that can run on any Java virtual machine (JVM) regardless of computer architecture.</p>
</div>
<div title="Fortran" style="padding:10px">
<p>Fortran (previously FORTRAN) is a general-purpose, imperative programming language that is especially suited to numeric computation and scientific computing. Originally developed by IBM at their campus in south San Jose, California[1] in the 1950s for scientific and engineering applications.</p>
</div>
<div title="Perl" style="padding:10px">
<p>Perl is a family of high-level, general-purpose, interpreted, dynamic programming languages. The languages in this family include Perl 5 and Perl 6.</p>
<p>Though Perl is not officially an acronym, there are various backronyms in use, such as: Practical Extraction and Reporting Language. Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scripting language to make report processing easier. Since then, it has undergone many changes and revisions.</p>
</div>
</div>
<style scoped>
p{
line-height:150%;
}
</style>
</body>
</html>
|
||||
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Toolbar - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Basic Toolbar</div>
|
||||
<div class="m-left">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true">Back</a>
|
||||
</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton m-next" plain="true" outline="true">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<ul class="easyui-datalist" data-options="
|
||||
fit: true,
|
||||
lines: true,
|
||||
border: false,
|
||||
textFormatter: function(value){
|
||||
return '<a href\'javascript:void(0)\' class=\'datalist-link\'>' + value + '</a>';
|
||||
},
|
||||
onClickRow: function(index,row){
|
||||
$('#p2-title').html(row.text);
|
||||
$.mobile.go('#p2');
|
||||
}
|
||||
">
|
||||
<li>Large</li>
|
||||
<li>Spotted Adult Female</li>
|
||||
<li>Venomless</li>
|
||||
<li>Rattleless</li>
|
||||
<li>Green Adult</li>
|
||||
<li>Tailless</li>
|
||||
<li>With tail</li>
|
||||
<li>Adult Female</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="p2" class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<span id="p2-title" class="m-title">Detail</span>
|
||||
<div class="m-left">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div style="margin:50px 0 0;text-align:center">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Toolbar Button - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Toolbar Button</div>
|
||||
</div>
|
||||
</header>
|
||||
<footer>
|
||||
<div class="m-buttongroup m-buttongroup-justified" style="width:100%">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a>
|
||||
</div>
|
||||
</footer>
|
||||
<ul class="easyui-datalist" data-options="
|
||||
fit: true,
|
||||
lines: true,
|
||||
border: false
|
||||
">
|
||||
<li>Large</li>
|
||||
<li>Spotted Adult Female</li>
|
||||
<li>Venomless</li>
|
||||
<li>Rattleless</li>
|
||||
<li>Green Adult</li>
|
||||
<li>Tailless</li>
|
||||
<li>With tail</li>
|
||||
<li>Adult Female</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Menu on Toolbar - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Menu on Toolbar</div>
|
||||
<div class="m-left">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true"></a>
|
||||
</div>
|
||||
<div class="m-right">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"></a>
|
||||
<a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',plain:true,hasDownArrow:false,menu:'#mm',menuAlign:'right'"></a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="mm" class="easyui-menu" style="width:150px;" data-options="itemHeight:30,noline:true">
|
||||
<div data-options="iconCls:'icon-undo'">Undo</div>
|
||||
<div data-options="iconCls:'icon-redo'">Redo</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Cut</div>
|
||||
<div>Copy</div>
|
||||
<div>Paste</div>
|
||||
<div class="menu-sep"></div>
|
||||
<div>Toolbar</div>
|
||||
<div data-options="iconCls:'icon-remove'">Delete</div>
|
||||
<div>Select All</div>
|
||||
</div>
|
||||
<ul class="easyui-datalist" data-options="
|
||||
fit: true,
|
||||
lines: true,
|
||||
border: false,
|
||||
textFormatter: function(value){
|
||||
return '<a href\'javascript:void(0)\' class=\'datalist-link\'>' + value + '</a>';
|
||||
},
|
||||
onClickRow: function(index,row){
|
||||
$('#p2-title').html(row.text);
|
||||
$.mobile.go('#p2');
|
||||
}
|
||||
">
|
||||
<li>Large</li>
|
||||
<li>Spotted Adult Female</li>
|
||||
<li>Venomless</li>
|
||||
<li>Rattleless</li>
|
||||
<li>Green Adult</li>
|
||||
<li>Tailless</li>
|
||||
<li>With tail</li>
|
||||
<li>Adult Female</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="p2" class="easyui-navpanel">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<span id="p2-title" class="m-title">Detail</span>
|
||||
<div class="m-left">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div style="margin:50px 0 0;text-align:center">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Basic Tree - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel" style="padding:10px">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Basic Tree</div>
|
||||
</div>
|
||||
</header>
|
||||
<ul class="easyui-tree" data-options="animate:true">
|
||||
<li>
|
||||
<span>My Documents</span>
|
||||
<ul>
|
||||
<li data-options="state:'closed'">
|
||||
<span>Photos</span>
|
||||
<ul>
|
||||
<li>
|
||||
<span>Friend</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Wife</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Company</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<span>Program Files</span>
|
||||
<ul>
|
||||
<li>Intel</li>
|
||||
<li>Java</li>
|
||||
<li>Microsoft Office</li>
|
||||
<li>Games</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>index.html</li>
|
||||
<li>about.html</li>
|
||||
<li>welcome.html</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Drag Drop Tree Nodes - jQuery EasyUI Mobile Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="easyui-navpanel" style="padding:10px">
|
||||
<header>
|
||||
<div class="m-toolbar">
|
||||
<div class="m-title">Drag Drop Tree Nodes</div>
|
||||
</div>
|
||||
</header>
|
||||
<ul class="easyui-tree" data-options="animate:true,dnd:true">
|
||||
<li>
|
||||
<span>My Documents</span>
|
||||
<ul>
|
||||
<li data-options="state:'closed'">
|
||||
<span>Photos</span>
|
||||
<ul>
|
||||
<li>
|
||||
<span>Friend</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Wife</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Company</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<span>Program Files</span>
|
||||
<ul>
|
||||
<li>Intel</li>
|
||||
<li>Java</li>
|
||||
<li>Microsoft Office</li>
|
||||
<li>Games</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>index.html</li>
|
||||
<li>about.html</li>
|
||||
<li>welcome.html</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AJAX Content</title>
|
||||
</head>
|
||||
<body>
|
||||
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
|
||||
<ul>
|
||||
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
|
||||
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
|
||||
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
|
||||
<li>complete framework for HTML5 web page.</li>
|
||||
<li>easyui save your time and scales while developing your products.</li>
|
||||
<li>easyui is very easy but powerful.</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Accordion Actions - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Accordion Actions</h2>
|
||||
<p>Click the buttons below to add or remove accordion items.</p>
|
||||
<div style="margin:20px 0 10px 0;">
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="selectPanel()">Select</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="addPanel()">Add</a>
|
||||
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="removePanel()">Remove</a>
|
||||
</div>
|
||||
<div id="aa" class="easyui-accordion" style="width:500px;height:300px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function selectPanel(){
|
||||
$.messager.prompt('Prompt','Please enter the panel title:',function(s){
|
||||
if (s){
|
||||
$('#aa').accordion('select',s);
|
||||
}
|
||||
});
|
||||
}
|
||||
var idx = 1;
|
||||
function addPanel(){
|
||||
$('#aa').accordion('add',{
|
||||
title:'Title'+idx,
|
||||
content:'<div style="padding:10px">Content'+idx+'</div>'
|
||||
});
|
||||
idx++;
|
||||
}
|
||||
function removePanel(){
|
||||
var pp = $('#aa').accordion('getSelected');
|
||||
if (pp){
|
||||
var index = $('#aa').accordion('getPanelIndex',pp);
|
||||
$('#aa').accordion('remove',index);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Loading Accordion Content with AJAX - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Loading Accordion Content with AJAX</h2>
|
||||
<p>Click AJAX panel header to load content via AJAX.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" style="width:500px;height:300px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
<div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
|
||||
<p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
|
||||
</div>
|
||||
<div title="Ajax" data-options="href:'_content.html'" style="padding:10px">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic Accordion - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Basic Accordion</h2>
|
||||
<p>Click on panel header to show its content.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" style="width:500px;height:300px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
<div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
|
||||
<p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
|
||||
</div>
|
||||
<div title="TreeMenu" data-options="iconCls:'icon-search'" style="padding:10px 0;">
|
||||
<ul class="easyui-tree">
|
||||
<li>
|
||||
<span>Foods</span>
|
||||
<ul>
|
||||
<li>
|
||||
<span>Fruits</span>
|
||||
<ul>
|
||||
<li>apple</li>
|
||||
<li>orange</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<span>Vegetables</span>
|
||||
<ul>
|
||||
<li>tomato</li>
|
||||
<li>carrot</li>
|
||||
<li>cabbage</li>
|
||||
<li>potato</li>
|
||||
<li>lettuce</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,12 @@
|
||||
{"total":28,"rows":[
|
||||
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
|
||||
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
|
||||
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
|
||||
{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
|
||||
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
|
||||
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
|
||||
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
|
||||
]}
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Keep Expandable Panel in Accordion - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Keep Expandable Panel in Accordion</h2>
|
||||
<p>Keep a expandable panel and prevent it from collapsing.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" style="width:500px;height:300px;">
|
||||
<div title="Top Panel" data-options="iconCls:'icon-search',collapsed:false,collapsible:false" style="padding:10px;">
|
||||
<input class="easyui-searchbox" prompt="Enter something here" style="width:300px;">
|
||||
</div>
|
||||
<div title="About" data-options="selected:true" style="padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
<div title="Title1" style="padding:10px">
|
||||
<p>Content1</p>
|
||||
</div>
|
||||
<div title="Title2" style="padding:10px">
|
||||
<p>Content2</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fluid Accordion - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Fluid Accordion</h2>
|
||||
<p>This example shows how to set the width of accordion to a percentage of its parent container.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" style="width:100%;height:180px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<p>width: 100%</p>
|
||||
</div>
|
||||
<div title="Help" data-options="iconCls:'icon-help',href:'_content.html'" style="padding:10px;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
|
||||
<div class="easyui-accordion" style="width:50%;height:180px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<p>width: 50%</p>
|
||||
</div>
|
||||
<div title="Help" data-options="iconCls:'icon-help',href:'_content.html'" style="padding:10px;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Horizontal Accordion - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Horizontal Accordion</h2>
|
||||
<p>You can easily set the 'halign' property to create a horizontal accordion.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" halign="left" style="width:700px;height:300px;">
|
||||
<div title="About" titleDirection="up" style="overflow:auto;padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
<div title="Help" titleDirection="up" style="padding:10px;">
|
||||
<p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
|
||||
</div>
|
||||
<div title="TreeMenu" titleDirection="up" style="padding:10px;">
|
||||
<ul class="easyui-tree">
|
||||
<li>
|
||||
<span>Foods</span>
|
||||
<ul>
|
||||
<li>
|
||||
<span>Fruits</span>
|
||||
<ul>
|
||||
<li>apple</li>
|
||||
<li>orange</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<span>Vegetables</span>
|
||||
<ul>
|
||||
<li>tomato</li>
|
||||
<li>carrot</li>
|
||||
<li>cabbage</li>
|
||||
<li>potato</li>
|
||||
<li>lettuce</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Multiple Accordion Panels - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Multiple Accordion Panels</h2>
|
||||
<p>Enable 'multiple' mode to expand multiple panels at one time.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" data-options="multiple:true" style="width:500px;">
|
||||
<div title="Language" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<p>A programming language is a formal language designed to communicate instructions to a machine, particularly a computer. Programming languages can be used to create programs that control the behavior of a machine and/or to express algorithms precisely.</p>
|
||||
</div>
|
||||
<div title="Java" style="padding:10px;">
|
||||
<p>Java (Indonesian: Jawa) is an island of Indonesia. With a population of 135 million (excluding the 3.6 million on the island of Madura which is administered as part of the provinces of Java), Java is the world's most populous island, and one of the most densely populated places in the world.</p>
|
||||
</div>
|
||||
<div title="C#" style="padding:10px;">
|
||||
<p>C# is a multi-paradigm programming language encompassing strong typing, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines.</p>
|
||||
</div>
|
||||
<div title="Ruby" style="padding:10px;">
|
||||
<p>A dynamic, reflective, general-purpose object-oriented programming language.</p>
|
||||
</div>
|
||||
<div title="Fortran" style="padding:10px;">
|
||||
<p>Fortran (previously FORTRAN) is a general-purpose, imperative programming language that is especially suited to numeric computation and scientific computing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Accordion Tools - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Accordion Tools</h2>
|
||||
<p>Click the tools on top right of panel to perform actions.</p>
|
||||
<div style="margin:20px 0 10px 0;"></div>
|
||||
<div class="easyui-accordion" style="width:500px;height:300px;">
|
||||
<div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
|
||||
<h3 style="color:#0099FF;">Accordion for jQuery</h3>
|
||||
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
|
||||
</div>
|
||||
<div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
|
||||
<p>The accordion allows you to provide multiple panels and display one ore more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
|
||||
</div>
|
||||
<div title="DataGrid" style="padding:10px" data-options="
|
||||
selected:true,
|
||||
tools:[{
|
||||
iconCls:'icon-reload',
|
||||
handler:function(){
|
||||
$('#dg').datagrid('reload');
|
||||
}
|
||||
}]">
|
||||
<table id="dg" class="easyui-datagrid"
|
||||
data-options="url:'datagrid_data1.json',method:'get',fit:true,fitColumns:true,singleSelect:true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-options="field:'itemid',width:80">Item ID</th>
|
||||
<th data-options="field:'productid',width:100">Product ID</th>
|
||||
<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
|
||||
<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
|
||||
<th data-options="field:'attr1',width:150">Attribute</th>
|
||||
<th data-options="field:'status',width:50,align:'center'">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic Calendar - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Basic Calendar</h2>
|
||||
<p>Click to select date.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-calendar" style="width:250px;height:250px;"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue