JavaScript изучение. Предисловие
Попытаюсь начать серию постов по JavaScript и как его использовать в SharePoint 2010 с ответами на простые вопросы и простыми примерами.
От себя: Лично мое мнение о JS, JQuery и т.д. было скептическое и я всегда пытался уйти от его использования, но как всегда получается пока не попробуешь не узнаешь все плюсы и минусы.
После последнего проекта, где на разработку был очень сильно урезано время и бюджет нам пришлось его использовать на свой страх и риск. Не буду рассказывать что именно делали, возможно расскажу позже.
- Какие JQuery использовать и где их скачать?
src="http://www.microsoft.com/resources/ajax/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/0.7.1a/jquery.SPServices-0.7.1a.min.js">
</script>
- Какие атрибуты Field использовать в объекте INPUT?
Для INPUT необходим атрибут title
- Как писать функции JQuery?
<script type="text/javascript">
$(document).ready(function () {
$(document).ready(function () {
});
}
</script>
</script>
MSDN Note: $(document).ready(function ()... is referred as the MAIN() function
- Как сделать get значения из INPUT field?
- Как перевести field в ReadOnly?
- Как сделать set значения в field?
$("input[title='{DisplayName столбца}']").val("Значение");
* Для сохранения значений необходимо описать добавление в функции PreSaveAction
- Как удалить ReadOnly из field?
- Как использовать функцию PreSaveAction?
<script type="text/javascript" src="../../.../jquery-1.7.2.min.js"></script>
<script language = "Javascript">
function PreSaveAction()
{
<script language = "Javascript">
function PreSaveAction()
{
var variablename = $("input[title='{DisplayName столбца}']").val("Значение");
}</script>
MSDN Note: do not include $(document).ready(function ()...
MSDN Note: do not include $(document).ready(function ()...
- Как менять значения из выпадающих столбцов?
<script type="text/javascript" src="../../.../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("select[title='{DisplayName столбца}']").change(function () {
//Здесь описываем логику
});
});
</script>
//Здесь описываем логику
});
});
</script>
- Как изменить значение в выпадающем списке?
<script type="text/javascript" src="../..//jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("select[title='{DisplayName столбца}']").change(function () {
//Здесь описываем логику
});
});
</script>
//Здесь описываем логику
});
});
</script>
- Устанавливать ширину столбцов?
- Как сделать disable текстового столбца?
- Как установить RichText по умолчанию?
<script type="text/javascript" src="../../.../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var htmlcontentval = "<table border='1' cellpadding='0' cellspacing='0'><tr><td colspan='3'>Month-Year</td></tr><tr><td>Milestone</td> <td>Onsite Effort</td><td>Offshore Effort</td></tr><tr><td> </td><td> </td><td> </td></tr></table>";
<script type="text/javascript">
$(document).ready(function () {
var htmlcontentval = "<table border='1' cellpadding='0' cellspacing='0'><tr><td colspan='3'>Month-Year</td></tr><tr><td>Milestone</td> <td>Onsite Effort</td><td>Offshore Effort</td></tr><tr><td> </td><td> </td><td> </td></tr></table>";
$("textarea[title='DisplayName столбца']").val(htmlcontentval);
});
</script>
- Как конвертировать строку в верхний регистр (ToUpper)?
$("input[title='DisplayName столбца']").val().toUpperCase();
- Валидация Email адреса, запросто
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var emailaddressVal = $("input[title='DisplayName столбца']").val();
if(!emailReg.test(emailaddressVal))
{
alert("{Текст сообщения}");
}
- Как сделать get значения из столбца подстановки?
$("option:selected", $("select[title='DisplayName столбца']")).text();
Комментарии
Отправить комментарий